JavaScript AJAX 请求获取数据并处理
这是一个使用 JavaScript 的 AJAX 请求获取数据的示例,代码如下:
function getData() {
$.ajax({
url: '/homepage/info.php',
type: 'POST',
data: {
'opr': 'list'
}
})
.done(function (responseData) {
if (responseData.success) {
userJsonData = responseData.data.basic;
bindJsonData = responseData.data.bind.data;
bindDevCounts = responseData.data.bind.count;
g_usertype = userJsonData.usertype;
g_userName = userJsonData.showname ? userJsonData.name + '(' + userJsonData.showname + ')' : userJsonData.name;
g_name = userJsonData.name;
g_isEmailEmpty = true;
g_isPhoneEmpty = true;
g_allowChgPwd = responseData.data.basic.allowChgPwd;
g_allowEditUbind = responseData.data.bind.allowEditUbind;
if (!responseData.data.basic.allowLogout) {
$('.header-right-user').addClass('forbid-exit');
}
initData();
renderDataInfo();
afterRender();
} else {
alert(responseData.msg || t('操作失败'));
if (responseData.location) {
window.location.href = responseData.location;
}
}
})
.fail(function () {
})
}
这段代码通过向 /homepage/info.php 发送一个 POST 请求,并将 opr 参数设置为 list 来获取数据。请求成功后,它会解析响应数据中的 JSON 数据,并将数据存储到全局变量中,例如 userJsonData、bindJsonData 和 bindDevCounts。
随后,代码会将一些其他全局变量设置为初始值,并调用其他函数 initData()、renderDataInfo() 和 afterRender() 对数据进行处理和渲染。如果请求失败,则不执行任何操作。
这个示例展示了使用 JavaScript AJAX 请求获取数据,解析 JSON 数据,并进行后续处理和渲染的完整流程。您可以参考这个示例,学习如何使用 AJAX 获取数据并进行数据处理。
原文地址: https://www.cveoy.top/t/topic/nkee 著作权归作者所有。请勿转载和采集!