JQuery Ajax melaksanakan pertanyaan data, pengisihan dan paging functions_jquery

Pada masa lalu, saya jarang menggunakan javascript untuk melaksanakan fungsi halaman terutamanya kerana saya takut masalah, tetapi selepas mengetahui tentang JQuery, idea ini berubah dengan komponen skrip sedemikian, adalah mudah untuk mengasingkannya daripada HTML semasa menulis skrip , supaya tulisan itu sangat boleh digunakan semula. Berikut ialah pengenalan kepada skrip boleh guna semula berdasarkan pertanyaan data Ajax, pengisihan dan fungsi halaman yang ditulis dalam proses pembelajaran JQuery Selagi anda mengikut peraturan tertentu skrip untuk menerangkan HTML dan memperkenalkan fail skrip, anda boleh melaksanakan dengan mudah fungsi yang diterangkan di atas.
Mari kita lihat dahulu kod untuk melaksanakan fungsi:

/**应用脚本规则：
引用脚本: JQuery脚本和JQuery的form插件脚本
Form的ID: viewform
显示数据的p的ID: listview
分页按钮HTML属性: pageindex="1"
排序按钮HTML属性: orderfield="employeeid desc";
提效排序字段Input的ID,Name: orderfield
提交分页索引Input的ID,Name: pageindex
**/
function onInitPaging()
{
$("#listview").find("[@orderfield]").each(function(i)
{
var ordervalue = $(this).attr("orderfield");
$(this).click(function()
{
$("#orderfield").val(ordervalue);
onSubmitPage();
}
);
}
);
$("#listview").find("[@pageindex]").each(function(i)
{
var piValue = $(this).attr("pageindex");
$(this).click(function()
{
$("#pageindex").val(piValue);
onSubmitPage();
}
);
}
);
}
function onSubmitPage()
{
var options = {
success: function SubmitSuccess(data){
$("#listview").html(data);
onInitPaging();
}
};
$('#viewform').ajaxSubmit(options);
}
$(document).ready(
function()
{
$("#search").click(function(){
$("#pageindex").val('0');
onSubmitPage()
});
onSubmitPage();
}
);

Peraturan kekangan bijak menggunakan atribut tersuai html kod di atas menerangkan pertanyaan, pengisihan dan pemprosesan penyerahan ajax penomboran. Hanya ikut peraturan yang diterangkan semasa menulis HTML Anda tidak perlu menulis sebarang kod skrip;