0

これまでのところ、ページングを使用してレポートを作成しました。サンプル コード index.php:

<div class='web'>    
    <h1>Data Order Notaris</h1>
        <div id="page_data"></div>
            <span class="flash"></span>
        </div>

そしてスクリプトを使用します：

$(document).ready(function(){
                    change_page('0');
                });
                    function change_page(page_id){
                        $(".flash").show();
                        $(".flash").fadeIn(400).html('Loading <img src="ajax-loader.gif" />');
                        var dataString = 'page_id='+ page_id;
                            $.ajax({
                                type: "POST",
                                url: "paging.php",
                                data: dataString,
                                cache: false,
                                    success: function(result){
                                        $(".flash").hide();
                                        $("#page_data").html(result);
                                    }
                            });
                    }

ページングを表示するための私のファイルは paging.php ライブ検索を使用するときの問題です。index.phpに入力タイプを追加しようとしています

入力スクリプトを追加:

<input type='text' name='search' placeholder='search' />

フォームと送信ボタンは必要ないと思います。入力 name='search' の値をフィルター データ レポートの paging.php に投稿する方法は?

より多くの機能が必要ですか、それとも関数 change_page を使用していますか? 私はまだ論理と混同しています。手伝ってくれてありがとう

4

1 に答える 1

2

この方法で入力を与える必要があります。

 <input type='text' Id="search_box" name='search' placeholder='search' />

次に、js を使用して、このフィールドの値を取得できます

したがって、js コードは次のようになります。

$(document).ready(function(){
                    change_page('0');
                });
                    function change_page(page_id){
                        //To get the field value
                        var search_val = $("#search_box").val();
                        $(".flash").show();
                        $(".flash").fadeIn(400).html('Loading <img src="ajax-loader.gif" />');
                        var dataString = 'page_id='+ page_id+'&search='+search_val;
                            $.ajax({
                                type: "POST",
                                url: "paging.php",
                                data: dataString,
                                cache: false,
                                    success: function(result){
                                        $(".flash").hide();
                                        $("#page_data").html(result);
                                    }
                            });
                    }

次に、paging.php で適切なクエリを作成します:)

于 2016-10-04T03:58:44.430 に答える