ajax请求到的json数据铺到页面中的简单小例子

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前端请求数据成功后，把数据使用起来，希望大家多多支持小编ヾ(◍°∇°◍)ﾉﾞ