Блог

До сих пор я создавал отчет с помощью подкачки. пример кода 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' />
  

я думаю, что для этого не нужна форма и кнопка отправки.
как опубликовать значение из input name=’search’ в paging.php для отчета о данных фильтра?

нужно ли больше функций или использовать функцию change_page? я все еще путаю с логикой. спасибо за помощь

Вы должны вводить данные таким образом:

  <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 'amp;search=' search_val;
                            $.ajax({
                                type: "POST",
                                url: "paging.php",
                                data: dataString,
                                cache: false,
                                    success: function(result){
                                        $(".flash").hide();
                                        $("#page_data").html(result);
                                    }
                            });
                    }
  

Затем сделайте соответствующий запрос в вашем paging.php 🙂