нумерация страниц с живым поиском

Question

нумерация страниц с живым поиском

Пока что я сделал создание отчета с подкачкой страниц.
пример кода 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? я все еще путаюсь с логикой. Спасибо за помощь

0

ajax jquery livesearch php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

 <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 🙂

2