使用Ajax Get方法将数据显示到特定元素

时间:2015-03-24 23:11:05

标签: javascript jquery ajax asp.net-mvc-5

我正在尝试将数据显示到视图中。我运行了开发人员工具,它说id,fullName和dob没有定义。这些是数据库中的字段名称。我不确定我做错了什么,请纠正我。感谢

数据

  


id fullName dob
101 John Doe 3/1/2015
102 Mary Ann 5/8/2010

HTML

<div>
      <p id="txtId"></p>
      <p id="txtName"></p>
      <p id ="txtDob"></p> 
</div>

的Javascript

当前页面网址为http://localhost:53327/Records?customerName=DoeJohn&customerId=101

变量&#34; id&#34;从URL(即101)抓住param,然后传递到ajax url:&#34; / api / CustomerInfoApi&#34; + id,

var id = location.search.split('customerId=')[1];
    $.ajax({
        type: "GET",
        url: "/api/CustomerInfoApi/" + id,
        dataType: "json",
        success: function (data) {
            debugger;
            $("#txtId").text = data.customerId;
            $("#txtName").text = data.customerName;
            $("#txtDob").text = data.customerDob;
        }
    });

2 个答案:

答案 0 :(得分:2)

.text()是一个功能。要设置元素的文本,您必须调用它并将文本作为参数传递给它

        $("#txtId").text(data.customerId);
        $("#txtName").text(data.customerName);
        $("#txtDob").text(data.customerDob);

答案 1 :(得分:0)

试试这个

    $("#txtId").html(data.customerId);
    $("#txtName").html(data.customerName);
    $("#txtDob").html(data.customerDob);