首页 > 代码库 > 浅析ajax请求json数据并用js解析 [转]
浅析ajax请求json数据并用js解析 [转]
<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="http://www.mamicode.com/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="http://www.mamicode.com/加载数据" />
</body>
</html>
string data = "http://www.mamicode.com/[{/"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);
浅析ajax请求json数据并用js解析 [转]
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。