Php 页面加载时的Ajax搜索
我有一个ajax实时搜索脚本,它与php一起工作,在您键入时自动搜索数据库 不过,我现在尝试使用GET函数将url中的值放入搜索框中。一切正常,值被放入到输入框中,但除非您键入,否则它不会搜索 当页面加载url中的值时,如何让它进行搜索 以下是ajax脚本:Php 页面加载时的Ajax搜索,php,ajax,get,Php,Ajax,Get,我有一个ajax实时搜索脚本,它与php一起工作,在您键入时自动搜索数据库 不过,我现在尝试使用GET函数将url中的值放入搜索框中。一切正常,值被放入到输入框中,但除非您键入,否则它不会搜索 当页面加载url中的值时,如何让它进行搜索 以下是ajax脚本: var ls = { url: "ajax/process_livesearch.php", form_id: "#ls_form", form_anti_bot_id: "#ls_anti_bot", fo
var ls = {
url: "ajax/process_livesearch.php",
form_id: "#ls_form",
form_anti_bot_id: "#ls_anti_bot",
form_anti_bot: "Ehsan's guard",
query_id: "#ls_query",
result_id: "#ls_result_div",
footer_id: "#ls_result_footer",
current_page_hidden_id: "#ls_current_page",
current_page_lbl_id: "#ls_current_page_lbl",
last_page_lbl_id: "#ls_last_page_lbl",
page_range_id: "#ls_items_per_page",
navigation_class: ".navigation",
arrow_class: ".arrow",
next_page_id: "ls_next_page",
previous_page_id: "ls_previous_page",
slide_speed: "fast",
type_delay: 350,
select_column_index: 1
};
var result = $(ls.result_id);
var query = $(ls.query_id);
var footer = $(ls.footer_id);
var current_page = $(ls.current_page_hidden_id);
var current_page_lbl = $(ls.current_page_lbl_id);
var total_page_lbl = $(ls.last_page_lbl_id);
var page_range = $(ls.page_range_id);
var select_result;
function show_result() {
result.slideDown(ls.slide_speed)
}
function hide_result() {
result.slideUp(ls.slide_speed)
}
function remove_select_options(a) {
var b, c;
b = page_range.data("selected_option", page_range.val()).find("option");
if (page_range.data("all_options") === undefined) {
page_range.data("all_options", b)
} else {
page_range.empty();
page_range.append(page_range.data("all_options"))
}
c = false;
$(page_range.data("all_options")).each(function () {
if (this.value >= a) {
if (this.value === page_range.data("selected_option")) {
c = true
}
$(this).remove()
}
});
if (c) {
page_range.val("0")
} else {
page_range.val(page_range.data("selected_option"))
}
if (page_range.find("option").length <= 1) {
footer.hide();
result.find("table").addClass("border_radius")
} else {
result.find("table").removeClass("border_radius");
footer.show()
}
}
function remove_footer() {
result.off("click", "tr", select_result);
footer.hide();
result.find("table").addClass("border_radius")
}
function search_query(c, b, a) {
if ($.trim(c.value).length) {
if (b || c.latest_value !== c.value) {
if (a) {
current_page.val("1");
current_page_lbl.html("1")
}
c.selected_row = undefined;
if (c.to_be_executed) {
clearTimeout(c.to_be_executed)
}
c.to_be_executed = setTimeout(function () {
if ($.trim(query.val()).length) {
query.addClass("ajax_loader");
$.ajax({
type: "post",
url: ls.url,
data: $(ls.form_id).serialize(),
dataType: "json",
success: function (d) {
if (d.status === "success") {
var e = $.parseJSON(d.result);
result.find("table tbody").html(e.html);
if (e.number_of_results === 0) {
remove_footer()
} else {
if (e.total_pages > 1) {
$(ls.navigation_class).show();
total_page_lbl.html(e.total_pages)
} else {
$(ls.navigation_class).hide()
}
remove_select_options(e.number_of_results);
result.on("click", "tr", select_result)
}
} else {
result.find("table tbody").html(d.message);
remove_footer()
}
},
error: function () {
result.find("table tbody").html("Something went wront. Please refresh the page.");
remove_footer()
},
complete: function () {
if ($.trim(c.value).length && result.is(":hidden")) {
show_result()
}
query.removeClass("ajax_loader")
}
})
}
}, ls.type_delay)
}
} else {
if (result.is(":visible") || result.is(":animated")) {
hide_result()
}
}
c.latest_value = c.value
}
select_result = function () {
query.val($(query.selected_row).find("td").eq(ls.select_column_index).html());
hide_result()
};
function adjust_result_position() {
$(result).css({left: query.position().left + 1, width: query.outerWidth() - 2})
}
$(document).ready(function () {
adjust_result_position();
$(window).resize(function () {
adjust_result_position()
});
$(ls.form_anti_bot_id).val(ls.form_anti_bot);
$(query).on("keyup", function (c) {
var b = c.keyCode || c.which;
if ($.trim(query.val()).length && b === 13) {
if ((result.is(":visible") || result.is(":animated")) && result.find("tr").length !== 0) {
if (query.selected_row !== undefined) {
$(result).find("tr").trigger("click")
}
} else {
show_result()
}
} else {
search_query(this, false, true)
}
});
$(query).on("keydown", function (c) {
var b = c.keyCode || c.which;
if (b === 40 || b === 38) {
if ($.trim(query.val()).length && result.find("tr").length !== 0) {
if ((result.is(":visible") || result.is(":animated"))) {
result.find("tr").removeClass("hover");
if (query.selected_row === undefined) {
query.selected_row = result.find("tr").eq(0);
$(query.selected_row).addClass("hover")
} else {
$(query.selected_row).removeClass("hover");
if (b === 40) {
if ($(query.selected_row).next().length === 0) {
query.selected_row = result.find("tr").eq(0);
$(query.selected_row).addClass("hover")
} else {
$(query.selected_row).next().addClass("hover");
query.selected_row = $(query.selected_row).next()
}
} else {
if ($(query.selected_row).prev().length === 0) {
query.selected_row = result.find("tr").last();
query.selected_row.addClass("hover")
} else {
$(query.selected_row).prev().addClass("hover");
query.selected_row = $(query.selected_row).prev()
}
}
}
} else {
if (b === 40) {
show_result()
}
}
}
}
});
$(query).on("focus", function () {
if ($.trim(query.val()).length && (result.is(":hidden") || result.is(":animated")) && result.find("tr").length !== 0) {
search_query(this, false, true);
show_result()
}
});
$(result).on("mouseover", "tr", function () {
result.find("tr").removeClass("hover");
query.selected_row = this;
$(this).addClass("hover")
});
$(result).on("mouseleave", "tr", function () {
result.find("tr").removeClass("hover");
query.selected_row = undefined
});
$(result).on("click", "tr", select_result);
var a;
$(document).bind("touchstart", function () {
a = $(window).scrollTop()
}).bind("touchend", function (c) {
var d, b;
d = a - $(window).scrollTop();
b = $(document);
b.addClass("touched");
if (d < 10 && d > -10) {
if (!$(c.target).closest(result).length && !$(c.target).is(query) && $(result).is(":visible")) {
hide_result()
}
}
});
$(document).on("click", function (b) {
if ($(this).hasClass("touched")) {
$(this).removeClass("touched")
} else {
if (!$(b.target).closest(result).length && !$(b.target).is(query) && $(result).is(":visible")) {
hide_result()
}
}
});
$(ls.form_id).submit(function () {
return false
});
$(ls.arrow_class).on("click", function () {
var b;
if (this.id === ls.next_page_id) {
if (parseInt(current_page.val(), 10) + 1 <= parseInt(total_page_lbl.html(), 10)) {
b = parseInt(current_page.val(), 10) + 1
} else {
return
}
} else {
if (parseInt(current_page.val(), 10) - 1 >= 1) {
b = parseInt(current_page.val(), 10) - 1
} else {
return
}
}
current_page.val(b);
current_page_lbl.html(b);
search_query(query[0], true, false)
});
$(page_range).on("change", function () {
search_query(query[0], true, true)
})
});
var ls={
url:“ajax/process_livesearch.php”,
表格id:“ls表格”,
表格反机器人id:“ls反机器人”,
形成反机器人:“埃桑的守卫”,
查询id:“ls#u查询”,
结果id:“#ls#u结果div”,
页脚id:“#ls#u结果_页脚”,
当前页面隐藏页面id:“ls\u当前页面”,
当前页面\u lbl\u id:“ls\u当前页面\u lbl”,
最后一页\u lbl\u id:“最后一页\u lbl”,
页面范围\u id:“每页ls\u项”,
导航类:“.navigation”,
arrow_类:“.arrow”,
下一页\u id:“ls\u下一页”,
上一页\u id:“ls\u上一页”,
滑动速度:“快”,
延迟类型:350,
选择列索引:1
};
var result=$(ls.result\u id);
var query=$(ls.query\u id);
var footer=$(ls.footer\u id);
var current\u page=$(ls.current\u page\u hidden\u id);
var current\u page\u lbl=$(ls.current\u page\u lbl\u id);
var总计页面id=$(ls.最后一页id);
变量page\u range=$(ls.page\u range\u id);
var选择结果;
函数show_result(){
结果.滑动下降(ls.滑动速度)
}
函数hide_result(){
结果.滑动速度(ls.滑动速度)
}
功能删除\选择\选项(a){
变量b,c;
b=页面范围.data(“选定的”选项),页面范围.val()).find(“选项”);
如果(页面范围数据(“所有选项”)==未定义){
页面范围数据(“所有选项”,b)
}否则{
page_range.empty();
page\u range.append(page\u range.data(“所有选项”))
}
c=假;
$(页面\范围.data(“所有\选项”))。每个(函数(){
如果(this.value>=a){
if(this.value==页面范围数据(“所选选项”)){
c=真
}
$(this.remove())
}
});
如果(c){
页码_范围.val(“0”)
}否则{
page_range.val(page_range.data(“所选选项”))
}
如果(页码范围查找(“选项”)。长度1){
$(ls.navigation_class).show();
总页数\u lbl.html(e.total\u pages)
}否则{
$(ls.navigation\u class).hide()
}
删除选择选项(例如结果的编号);
结果。在(“单击”、“tr”,选择结果)
}
}否则{
result.find(“table tbody”).html(d.message);
删除页脚()
}
},
错误:函数(){
result.find(“table tbody”).html(“出现问题,请刷新页面”);
删除页脚()
},
完成:函数(){
if($.trim(c.value).length&&result.is(“:hidden”)){
显示结果()
}
removeClass(“ajax\u加载器”)
}
})
}
},ls.type_延迟)
}
}否则{
如果(result.is(“:visible”)| | result.is(“:animated”)){
隐藏结果()
}
}
c、 最新_值=c值
}
选择结果=函数(){
query.val($(query.selected\u row.find(“td”).eq(ls.select\u column\u index.html());
隐藏结果()
};
功能调整结果位置(){
$(result).css({left:query.position().left+1,width:query.outerWidth()-2})
}
$(文档).ready(函数(){
调整_结果_位置();
$(窗口)。调整大小(函数(){
调整结果位置()
});
$(ls.form_anti_bot_id).val(ls.form_anti_bot);
$(查询)。关于(“键控”,函数(c){
var b=c.keyCode | | c.which;
if($.trim(query.val()).length&&b==13){
if((result.is(“:visible”)| | result.is(“:animated”)&&result.find(“tr”).length!==0){
if(query.selected_行!==未定义){
$(结果)。查找(“tr”)。触发器(“单击”)
}
}否则{
显示结果()
}
}否则{
搜索查询(this、false、true)
}
});
$(查询).on(“向下键”,函数(c){
var b=c.keyCode | | c.which;
如果(b==40 | | b==38){
if($.trim(query.val()).length&&result.find(“tr”).length!==0){
如果((result.is(“:visible”)| | result.is(“:animated”)){
result.find(“tr”).removeClass(“悬停”);
if(query.selected_行===未定义){
query.selected_row=result.find(“tr”).eq(0);
$(query.selected_row).addClass(“悬停”)
}否则{
$(query.selected_行).removeClass(“悬停”);
如果(b==40){
if($(query.selected\u row).next().length==0){
query.selected_row=result.find(“tr”).eq(0);
$(query.selected_row).addClass(“悬停”)
}否则{
$(query.selected_row).next().addClass(“悬停”);
query.selected\u row=$(query.selected\u row).next()
}
}否则{
if($(query.selected_row).prev().length==0){
query.selected_row=result.find(“tr”).last();
<script type="text/javascript">
window.onload=function() {
var text_input = document.getElementById ('ID_of_element');
text_input.focus ();
text_input.select ();
}
</script>