gpt4 book ai didi

javascript - jquery ajax成功回调难度

转载 作者:行者123 更新时间:2023-12-02 20:01:56 25 4
gpt4 key购买 nike

我有以下代码:

@{
ViewBag.Title = "Index";
}
<h2>
Index</h2>
<div data-role="page">
<div data-role="header">
...</div>
<div data-role="content">
<a id="btnShowCustomers" data-role="button" href="#secondDiv"></a>
</div>
<div data-role="footer">
...</div>
</div>
<div id="secondDiv" data-role="page">
<div id="list" data-role="content">
</div>
</div>
<div id="customerDetailsDiv" data-role="page">
<div data-role="content">
</div>
</div>
<script type="text/javascript">
$(document).ready(function (event) {
$('#btnShowCustomers').bind('vclick', function (event) {
GetCustomers();
});
});

function GetCustomers() {
var webMethod = "Home/GetCustomers";
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: webMethod,
data: "{}",
dataType: "json",
success: function (dataObj) {
$(dataObj).each(function () {
if ($(this).CanConsume) {
alert('can consume');
$('<a href="#" data-date="' + $(this).DateActivated + '" data-id="' + $(this).ID + '">' + $(this).Name + '</a>').appendTo('#list');
}
})
}
});
}
</script>

我从服务器端返回 Customer 对象的列表。客户具有以下属性;

  • 身份证
  • 可以消费( bool )
  • 姓名
  • 激活日期

我想迭代返回的结果集并构建 anchor 元素并将它们附加到名为列表的 div 中。您知道为什么这不起作用吗?我没有收到任何 JavaScript 错误。

最佳答案

不幸的是,jQuery 杀死了错误。

如果这不起作用,请发布一些 JSON。

再一次,太快了:

$.each(dataObj, function (index, element) {
if (element.CanConsume) {
alert('can consume');
$('<a href="#" data-date="' + element.DateActivated + '" data-id="' + element.ID + '">' + element.Name + '</a>').appendTo('#list');
}
});

关于javascript - jquery ajax成功回调难度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7875482/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com