ajax获取后台数据,显示到input输入框里面

原创

睿共享科技 2022-06-28 13:58:16 博主文章分类：javaWeb ©著作权

©著作权归作者所有：来自51CTO博客作者睿共享科技的原创作品，请联系作者获取转载授权，否则将追究法律责任

从后台获取数据放在输入框中

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)
     }
 });