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

Question

我正在尝试将数据显示到 View 中。我运行开发人员工具，它说 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

变量“id”从url(即101)获取参数，然后传递到ajax url:“/api/CustomerInfoApi”+ 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;
        }
    });

Answer 1

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

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