到目前为止,我已经创建了分页报表。示例代码index.php:
<div class='web'>
<h1>Data Order Notaris</h1>
<div id="page_data"></div>
<span class="flash"></span>
</div>
和使用script:
$(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);
}
});
}
显示分页的文件是分页。php我的问题时,使用实时搜索。我正在尝试添加输入类型在index.php
添加输入脚本
<input type='text' name='search' placeholder='search' />
我认为它不需要表单和提交按钮。如何从输入名称='搜索'张贴值分页。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+'&search='+search_val;
$.ajax({
type: "POST",
url: "paging.php",
data: dataString,
cache: false,
success: function(result){
$(".flash").hide();
$("#page_data").html(result);
}
});
}
然后在page .php中进行相应的查询:)