php - 基于 Jquery Ajax 的搜索

Question

我想使用 ajax jquery js 进行搜索，为此 I have taken this piece of code from here :-

现在我有一些问题，我有这个 Javascript 代码:-

<script language="JavaScript" type="text/javascript">
<!--
function searchuser(cv) {
    $("#SearchResult").html('<img src="loader.gif"/>').show();
    var url = "elements/search-user.php";
    $.post(url, {contentVar: cv} ,function(data) {
       $("#SearchResult").html(data).show();
    });
}
//-->
</script>

我的表格:-

<label>
        <input onClick="generatenew();" type="radio" name="search_option" value="code" id="search_option_0">
        Customer Code</label></td>
      <td><label>
        <input onClick="generatenew();" type="radio" name="search_option" value="company" id="search_option_1">
        Customer Company</label></td>
      <td><label>
        <input onClick="generatenew();" type="radio" name="search_option" value="name" id="search_option_2">
        Customer Name</label></td>
      <td><label>
        <input onClick="generatenew();" type="radio" name="search_option" value="email" id="search_option_3">
        Customer Email</label>

这是我的搜索文本框

<input type="text" name="searchuser_text" id="newInput" size="25" maxlength="25" class="inputbox MarginTop10">

这是我的搜索按钮

<input onclick="javascript:searchuser('con1');" class="Button" name="search_user_submit" type="button" value="Search">

这是我的展示区:-

<div id="SearchResult">My default content for this page element when the page initially loads</div>

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

此外，虽然 $.post(url, {contentVar: cv} ,function(data) 只向 php 文件发送一个数据，但我如何发送这两个数据，即 cv 和 cvtwo 到 php 文件？

Answer 1

首先你可以把搜索功能修改成这样

$("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('<img src="loader.gif"/>').show();
    var url = "elements/search-user.php";
    $.post(url, {contentVar: data} ,function(data) {
       $("#SearchResult").html(data).show();
    });

});