Question

我正在尝试使用ajax post方法将两个值从表单发送到另一个PHP。一个值是已经在输入框中输入的值，另一个值是正在键入另一个输入框的值。它就像一个搜索框。我尝试在SQL工作台中执行SQL查询，并正确返回值。我的代码中我做错了什么？

function searchq6(){
    var searchstate = $("input[name='region']").val();
    var searchTxt = $("input[name='suburb']").val();
    $.post("search-suburb.php", {searchVal: searchTxt, st:searchstate},function(sbb){
        $("#sbb").html(sbb);
    //searchq7();
    });

}

这是我搜索并从中获取值的输入框：

<input type="text" name="region" list="state" value="<?php echo $region;  ?>" placeholder="Select State" id="output">
Suburb:
        <input type="text" name="suburb" list="sbb" value="<?php echo $suburb;  ?>" onkeyup="searchq6()" id="output">
        <datalist id="sbb" name="taskoption6" >
                <option> </option>
        </datalist>

这是search-suburb.php文件：

$output = '' ;
if (isset($_POST['searchVal'])){
$searchq = $_POST['searchVal'];
$st = $_POST['st'];
$query = mysqli_query($link, "SELECT DISTINCT title FROM `wp_locations`  WHERE state="'.$st.'"  AND `title` LIKE  '%".$searchq."%' ")or die("Could not  search!");
$count = mysqli_num_rows($query);
if($count == 0){
    $output = '<option>No results!</option>';
}else{
while($row = mysqli_fetch_array($query)){
    $suburb = $row['title'];

?>
    <option value="<?php echo $suburb; ?>"><?php echo $suburb; ?>  </option>
<?php
} // while
} // else
} // main if

Answer 1

<input type="text" name="region"  list="state" value="<?=(isset($_POST['region'])?$_POST['region']:'');?>" placeholder="Select State" id="output">
        Suburb:
<input type="text" name="suburb" onkeyup="searchq6()" list="sbb" value="<?=(isset($_POST['suburb'])?$_POST['suburb']:'');?>" onkeyup="searchq6()" id="output">
<datalist id="sbb" name="taskoption6"></datalist>

Javascript：

    function searchq6(){
        var searchstate = $("input[name='region']").val();
        var searchTxt = $("input[name='suburb']").val();
        $.post("search-suburb.php", {searchVal: searchTxt, st:searchstate},function(sbb){
            var decode = jQuery.parseJSON(sbb); // parse the json returned array
            var str = ""; // initialize a stringbuilder
            $.each(decode, function (x, y) {
                str+="<option value='" + y.title +"'>";
            });
            $("#sbb").html(str);
        }); // end of post

    }// end of searchq6 function

腓：

$output = '' ;
if (isset($_POST['searchVal'])){
    $searchq = $_POST['searchVal'];
    $st = $_POST['st'];
    $query = mysqli_query($link, "SELECT DISTINCT title FROM `wp_locations`  WHERE state='{$st}'  AND `title` LIKE  '%{$searchq}%' ")or die("Could not  search!");
    $count = mysqli_num_rows($query);
    if($count == 0){
        $output = '<option>No results!</option>';
    } else{
        $data = array();
        while($row = mysqli_fetch_array($query))
            $data[] = $row;
        echo json_encode($data);
    }
} // main if

Answer 2

通过评论收集的小片段得到了答案将查询更改为：

$query = mysqli_query($link, "SELECT DISTINCT title FROM `wp_locations` WHERE state='".$st."'  AND `title` LIKE  '%".$searchq."%' LIMIT 10")or die("Could not search!");

和ajax：

function searchq6(){
    var searchstate = $("input[name='region']").val();
    var searchTxt = $("input[name='suburb']").val();
    $.post("search-suburb.php", {searchVal: searchTxt, st:searchstate})
    .done(function(sbb) {
        $("#sbb").html(sbb);
    });
    //searchq7();
}

感谢所有评论家伙

通过ajax POST向PHP发送两个值以查询SQL db

2 个答案: