JQuery Ajaxから2つのテキストボックスを更新するにはどうすればいいですか

Question

オートコンプリートリストのユーザー選択が成功した後、私は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.'); } 
       }); 
    } 
}); 

Answer 1

返されたデータは、あなたがする必要があるので、要素に持つ配列である：

あなたが持っている、もちろん仮定

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

すでに@gdoronが示唆しているようにデータ型を修正しました

Answer 2

私は返されたJSON値を利用したいと思います。

なぜあなたはtextを期待していますか？ （代わりにjsonのdataType: 'text'）

固定コード：

$.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.'); 
    } 
});​