基于Jquery Ajax的搜索

我想使用ajax jquery js进行搜索，因为我从这里获取了这段代码 ： –

现在我有一些问题，我有这个Javascript代码： –

 <!-- function searchuser(cv) { $("#SearchResult").html('').show(); var url = "elements/search-user.php"; $.post(url, {contentVar: cv} ,function(data) { $("#SearchResult").html(data).show(); }); } //-->  

我的表格： –

   Customer Code   Customer Company   Customer Name   Customer Email 

这是我的搜索文本框

这是我的搜索按钮

这是我的展示区： –

 
My default content for this page element when the page initially loads 

现在我想知道点击按钮我发送的数据即con1 。 我想向searchuser function发送两个数据，一个是选定的选项按钮值，另一个是文本textbox 。 将两个数据发送到函数后如何获取函数中的数据？ 我是否需要将function searchuser(cv) function searchuser(cv, cvtwo)为function searchuser(cv, cvtwo) 。

另外，当$.post(url, {contentVar: cv} ,function(data)只向php文件发送一个数据时，如何将数据即cv和cvtwo发送到php文件？

Answer 1

首先，您可以将搜索function修改为类似的内容

 $("input[name='search_user_submit']").click(function(){ var cv = $('#newInput').val(); var cvtwo = //similar to above var data = 'cv='+ cv + '&cvtwo='+cvtwo; // sending two variables $("#myDiv").html('').show(); var url = "elements/search-user.php"; $.post(url, {contentVar: data} ,function(data) { $("#SearchResult").html(data).show(); }); }); 

Answer 2

不要使用内联函数，您可以使用jQuery的本机绑定function轻松完成：

 // Search when you click on submit $(document).on('click', '.submit_button', function(){ search('click_button'); }); // Search when you press enter $(document).on('keypress', "#searchString", function(e){ var c = (e.keyCode ? e.keyCode : e.which); if(c == 13) { search('pressed_enter'); } }); 

因此，您可以收集按钮值并将其传递给您的搜索function：

 function search(button_value) { $("#myDiv").html('').show(); $.post("elements/search-user.php", { search_value: $('#newInput').val(), button_value: button_value} ,function(data) { $("#SearchResult").html(data).show(); }); } 

您正在做的是使用两个$ _POST变量发送表单：一个是您输入搜索框的搜索字符串（称为search_value ），另一个是按钮值。