ajax獲取后台數據,顯示到input輸入框里面

從后台獲取數據放在輸入框中

function readCard() {
$.ajax({
    url:'/GetSlotCartServlet',
    type:'post',
    data: {
        "serchCardId":$("#serchCardId").val(),
    },
    dataType:'json',
     success:function (result) {console.log(123)
         console.log(result.data);
         console.log(result)
                 var res = result.data;
                 // console.log(data.userId)
                 $("#userId").val(res.userId);
                 $('#userName').val(res.userName),
                 $("#cardId").val(res.cardId),
                 $("#amout").val(res.amout),
                 $("#cardLevel").val(res.cardLevel),
                 $("#credit").val(res.credit)
         }
     });

使用了上面那個輸入框獲取不到,折騰半天,在13行加個下標就好了

解決

function readCard() {
$.ajax({
    url:'/GetSlotCartServlet',
    type:'post',
    data: {
        "serchCardId":$("#serchCardId").val(),
    },
    dataType:'json',
     success:function (result) {console.log(123)
         console.log(result.data[0]);
         console.log(result)
                 var res = result.data[0];獲取結果下標第一個
                 // console.log(data.userId)
                 $("#userId").val(res.userId);
                 $('#userName').val(res.userName),
                 $("#cardId").val(res.cardId),
                 $("#amout").val(res.amout),
                 $("#cardLevel").val(res.cardLevel),
                 $("#credit").val(res.credit)
     }
 });

}