Question

我试图用一个ajax低语填充两个文本框。我得到了以下代码：

HTML：

<input type="text" name="ICZ" id="ICZ">
<input type="text" name="ODB" id="ODB">

respond.php：

<?php
require_once("../inc/dbconnect.php");
$return_arr = array();

$term=iconv('UTF-8' ,'WINDOWS-1250',$_GET["term"]);
$SQL="some sql";
$RS=sqlsrv_query($Conn,$SQL);

while($row=sqlsrv_fetch_array($RS)) {
        $id_lekar=iconv('WINDOWS-1250', 'UTF-8',$row["ID_LEKAR"]);
        $jmeno=iconv('WINDOWS-1250', 'UTF-8',$row["JMENO"]); 
        $odborn=iconv('WINDOWS-1250', 'UTF-8',$row["ODBORN"]); 
        $row_array['value'] = $id_lekar;
        $row_array['value1'] = $odborn;
        $row_array['label'] = $id_lekar." - ".$jmeno." - ".$odborn;

        array_push($return_arr,$row_array);
}

sqlsrv_close($Conn);
echo json_encode($return_arr);
?>

和jQuery：

$(function() {$('#ICZ').autocomplete({
        source: 'respond.php',
        minLength:5
    });
});

这有效，但只影响一个输入字段。我想填写两者，所以我扩展SQL查询并使用$row_array['value1']扩展respond.php。然后我尝试重做jQuery：

$(function() {$('#ICZ').autocomplete({
    minLength: 5,
    source: function(request, response){
    $.ajax({
        url: "respond.php",
        type: "GET",
        dataType: "json",
        data: {term: request.term},
        success:function(response){
            var len = response.lenght;
            if (len > 0){
                var icz = response[0]['value'];
                var odb = response[0]['value1'];

                document.getElementById('ICZ').value = icz;
                document.getElementById('ODB').value = odb;
            }
        }

    });

    }
});
});

但是这并没有做太多，在控制台中没有错误，我可以看到当我用5个或更多字符填充字段时GET请求正在进行，但没有响应。当我尝试访问respond.php？term = XXXXX时我在两个方面得到相同的响应。

Answer 1

使用JSON.parse

$.ajax({
    url: "respond.php",
    type: "GET",
    dataType: "json",
    data: {term: request.term},
    success:function(response){
        var response=JSON.parse(response); // parse json to object
        var len = response.length;
        if (len > 0){
            var icz = response[0].value;
            var odb = response[0].value1; //access values like this

            document.getElementById('ICZ').value = icz;
            document.getElementById('ODB').value = odb;
        }
    }

});

Answer 2

看看你是否需要解析json。在控制台中打印响应，并检查是否需要解析它。

Var result = JSON.parse（response）;

用单个ajax低声说法影响两个文本框

2 个答案: