ajax请求到的json数据铺到页面中的简单小例子
初次接触ajax请求数据时可能不太理解或是不太懂如何把请求成功后json数据中的一项或多项放在页面中展现出来,接下来小编就给大家来一个小例子,帮助大家理解,和使用!!!
ajax请求数据
想要铺数据首先得向后端发送请求,后端会把数据反回出来,
这里只写前端代码:
$.ajax({
// 请求后台数据
url:"接口",
contentType: 'application/json;charset=UTF-8',
dataType: "json",
data: JSON.stringify(data),
type: "POST",
async: false,
success: function (res) {
},
error: function () {
}
});
html界面
<span class="add">备注</span>
在请求成功里写添加到想要位置的赋值方法
//把状态码赋值给span标签
$(".add").html(res.code);
结果
完整代码
ajax请求与赋值
$.ajax({
// 请求后台数据
url:"接口",
contentType: 'application/json;charset=UTF-8',
dataType: "json",
data: JSON.stringify(data),
type: "POST",
async: false,
success: function (res) {
$(".add").html(res.code);
},
error: function () {
}
});
html代码
<span class="add">备注</span>
希望通过这次的小例子让大家能够理解ajax前端请求数据成功后,把数据使用起来,希望大家多多支持小编ヾ(◍°∇°◍)ノ゙