0

自动完成列表用户选择成功后，我进行 Ajax 调用以填写一些值。我现在失去了情节，我想利用返回的 json 值。

有人可以向我解释我应该如何处理返回值和更新文本框。谢谢。

$("#txtProductName").autocomplete({
    source: "_ajprodlist.php",
    minLength: 2,
    select: function(event, ui) {
            $('#txtProductId').val(ui.item.id);
            var custid = $('#txtClientId').val();
            var postData = "prodid="+(ui.item.id)+"&custid="+custid;
            $.ajax({ type: "GET",
                    url: "_ajcustprice.php",
                    data: postData,
                    dataType: 'text',
                    success : function(data) {
                    // alert(data); returns values Ok
                    // [{"custid":"12","custprice":"500","lastqty":"20"}]
                    $("#txtClientPrice").val(data.custprice);    // **** not right
                    $("#txtLastQty").val(data.lastqty);          // **** is it !!!
                    },
                    complete : function() { alert('Complete: Do something.'); },
                    error : function() {alert('Error: Do something.'); }
              });
    }
});
4

2 回答 2

2

我想利用返回的 json 值。

那你为什么期待一个text？（dataType: 'text'而不是json）

固定代码：

$.ajax({
    type: "GET",
    url: "_ajcustprice.php",
    data: postData,
    dataType: 'json',  // <======= instead of 'text' 
    success: function(data) {
        $("#txtClientPrice").val(data.custprice);
        $("#txtLastQty").val(data.lastqty);
    },
    complete: function() {
        alert('Complete: Do something.');
    },
    error: function() {
        alert('Error: Do something.');
    }
});​
于 2012-04-29T18:39:34.420 回答
1

返回的数据是一个带有 on 元素的数组，因此您需要执行以下操作：

$("#txtClientPrice").val(data[0].custprice); 
$("#txtLastQty").val(data[0].lastqty);

当然假设您已经按照@gdoron 的建议更正了数据类型

于 2012-04-29T19:17:14.810 回答