码迷,mamicode.com
首页 > Web开发 > 详细

浅析ajax请求json数据并用js解析 [转]

时间:2017-05-08 16:16:49      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:页面   error   success   代码   err   function   发送   电话   数据类型   

技术分享
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnget").click(function () {
                $.ajax({
                    type: "post",        //type:(string)请求方式,POST或GET        
                    dataType: "json",    //dataType:(string)预期返回的数据类型。xml,html,json,text等
                    url: "data.ashx",  //url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。
                    success: function (msg) {
                        var str = "";
                        for (i in msg) {
                            str += "<tr><td>" + msg[i].id + "</td><td>" + msg[i].name + "</td><td>"
                            + msg[i].cla + "</td><td>" + msg[i].sex + "</td><td>" + msg[i].tel + "</td></tr>";
                        }
                        $("tbody").append(str);
                    }
                     error: function(){
                        alert("error");
                    }
                });
            });
        });

    </script>
</head>
<body>
    <table>
        <thead>
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>班别</td>
                <td>性别</td>
                <td>电话</td>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    <input id="btnget" type="button" value="加载数据" />
</body>
</html>                                
前台代码
技术分享
string data = "[{\"id\":\"2010324268\",\"name\":\"林宇\",\"cla\":\"10软件\",\"sex\":\"男\",\"tel\":\"13800138000\"},{\"id\":\"2010324256\",\"name\":\"李四\",\"cla\":\"10网络\",\"sex\":\"女\",\"tel\":\"10010\"},{\"id\":\"2010324264\",\"name\":\"张三\",\"cla\":\"10软件\",\"sex\":\"男\",\"tel\":\"10086\"}]";
context.Response.Write(data);
服务器端返回json数据

 

浅析ajax请求json数据并用js解析 [转]

标签:页面   error   success   代码   err   function   发送   电话   数据类型   

原文地址:http://www.cnblogs.com/wuchaoblog/p/6825016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!