Ajax请求时,如何解释json数据

前端之家收集整理的这篇文章主要介绍了Ajax请求时,如何解释json数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

客户端HTML代码

<table@H_404_6@>@H_404_6@
<thead@H_404_6@>@H_404_6@
    <tr@H_404_6@>@H_404_6@
        <td@H_404_6@>@H_404_6@学号</td@H_404_6@>@H_404_6@
        <td@H_404_6@>@H_404_6@姓名</td@H_404_6@>@H_404_6@
        <td@H_404_6@>@H_404_6@班级</td@H_404_6@>@H_404_6@
        <td@H_404_6@>@H_404_6@性别</td@H_404_6@>@H_404_6@
        <td@H_404_6@>@H_404_6@电话</td@H_404_6@>@H_404_6@
    </tr@H_404_6@>@H_404_6@
</thead@H_404_6@>@H_404_6@
<tbody@H_404_6@>@H_404_6@</tbody@H_404_6@>@H_404_6@
<input@H_404_6@ id@H_404_6@="btnget"@H_404_6@ type@H_404_6@="button"@H_404_6@ value@H_404_6@="加载数据"@H_404_6@ />@H_404_6@

javascript代码

$(function@H_404_6@()@H_404_6@{@H_404_6@
    $("#btnget"@H_404_6@).click(function@H_404_6@()@H_404_6@{@H_404_6@
        $.Ajax({
            type:"post"@H_404_6@,dataType:"Json"@H_404_6@,url:"data.ashx"@H_404_6@,success:function@H_404_6@(msg)@H_404_6@{@H_404_6@
                var@H_404_6@ str=""@H_404_6@;
                for@H_404_6@(i in@H_404_6@ msg){
                    str+="<tr><td>"@H_404_6@+msg[i].id+
                    "</td><td>"@H_404_6@+msg[i].name+
                    "</td><td>"@H_404_6@+msg[i].cla+
                    "</td><td>"@H_404_6@+msg[i].sex+
                    "</td><td>"@H_404_6@+msg[i].tel+
                    "</td></tr>"@H_404_6@;
                }
                $("tbody"@H_404_6@).append(str);
            }
        });
    });
});

样式部分:

<style@H_404_6@ type@H_404_6@="text/css"@H_404_6@>@H_404_6@ table@H_404_6@{ boeder-collapse@H_404_6@:collapse@H_404_6@@H_404_6@; }@H_404_6@@H_404_6@ table@H_404_6@ td@H_404_6@{ text-align@H_404_6@:center@H_404_6@@H_404_6@; border@H_404_6@:1@H_404_6@px solid gray@H_404_6@@H_404_6@; padding@H_404_6@:3@H_404_6@px 10@H_404_6@px@H_404_6@@H_404_6@; }@H_404_6@@H_404_6@ @H_404_6@</style@H_404_6@>@H_404_6@

服务器端返回的json数据代码

string data=[@H_404_6@{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324268\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@林宇\"@H_404_6@,\"@H_404_6@cla\"@H_404_6@:\"@H_404_6@10软件\"@H_404_6@,\"@H_404_6@sex\"@H_404_6@:\"@H_404_6@男\"@H_404_6@,\"@H_404_6@tel\"@H_404_6@:\"@H_404_6@***********\"@H_404_6@}@H_404_6@,{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324269\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@李四\"@H_404_6@,\"@H_404_6@cla\"@H_404_6@:\"@H_404_6@10网络\"@H_404_6@,{@H_404_6@\"@H_404_6@id\"@H_404_6@:\"@H_404_6@2010324270\"@H_404_6@,\"@H_404_6@name\"@H_404_6@:\"@H_404_6@肖玲\"@H_404_6@,\"@H_404_6@sex\"@H_404_6@:\"@H_404_6@女\"@H_404_6@,\"@H_404_6@tel\"@H_404_6@:\"@H_404_6@***********\"@H_404_6@}@H_404_6@]@H_404_6@;
context.Response.Write(data);
原文链接:https://www.f2er.com/ajax/161825.html

猜你在找的Ajax相关文章