Ajax异步(JQuery获取Json)2
来源:互联网 发布:乐乎lofter手机版 编辑:程序博客网 时间:2024/06/05 09:20
首先创建一个一般处理程序“ResponseJson.ashx”,手动拼接字符串返回Json格式:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
List<cityInfo> cityInfos = new List<cityInfo>()
{
new cityInfo(){cityID=1,cityName="北京"},
new cityInfo(){cityID=2,cityName="上海"},
new cityInfo(){cityID=3,cityName="南京"},
new cityInfo(){cityID=4,cityName="深圳"},
new cityInfo(){cityID=5,cityName="广州"}
};
StringBuilder sb = new StringBuilder();
sb.Append("[");
foreach (cityInfo cityInfo in cityInfos)
{
sb.Append("{");
sb.AppendFormat("\"cityID\":{0},\"cityName\":\"{1}\"", cityInfo.cityID, cityInfo.cityName);
sb.Append("}");
sb.Append(",");
}
string str = sb.ToString().TrimEnd(',');
str += "]";
context.Response.Write(str);
// 或者将对象序列化成Json格式 和拼接相比这种方式较为死板
//System.Web.Script.Serialization.JavaScriptSerializer JSSerializer = new JavaScriptSerializer();
//string Json = JSSerializer.Serialize(cityInfos);
//context.Response.Write(Json);
}
public bool IsReusable
{
get
{
return false;
}
}
}
public class cityInfo
{
public string cityName
{
get;
set;
}
public int cityID
{
get;
set;
}
}
创建一个html页“JqueryGetJson.htm” 并且引入JQuery
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
</head>
<body>
<input type="button" value="JQuery获取Json数据" id="JqueryGetJson" />
</body>
</html>
// Jquery获取JSon
<script type="text/javascript">
$(function () {
$("#JqueryGetJson").click(function () {
$.getJSON("ResponseJson.ashx", "a=3&b=4", function (data) {
alert(data[1].cityName);
});
});
});
</script>
返回结果:“上海”
- Ajax异步(JQuery获取Json)2
- 基于jquery的ajax 异步获取json
- jquery $.ajax 获取json数据
- jquery:AJAX 获取外部json
- 详谈 Jquery Ajax 异步处理Json数据.
- 详谈 Jquery Ajax 异步处理Json数据.
- 详谈 Jquery Ajax 异步处理Json数据.
- 详谈 Jquery Ajax异步处理Json数据.
- 详谈 Jquery Ajax 异步处理Json数据.
- 详谈 Jquery Ajax 异步处理Json数据.
- 详谈 JQuery Ajax异步处理Json数据
- 详谈 Jquery Ajax 异步处理Json数据
- 详谈 Jquery Ajax异步处理Json数据
- 详谈 Jquery Ajax 异步处理Json数据
- 详谈 Jquery Ajax 异步处理Json数据.
- jquery ajax异步请求json数据
- 详谈 Jquery Ajax 异步处理Json数据.
- jQuery Ajax异步处理Json数据详解
- 再谈cacheAsBitmap
- System.map介绍 .
- jquery写的东西记得要加";"分号,要不然会出现不一样的结果
- Android数据存储之SharedPreferences
- 项目注释乱码文件解决
- Ajax异步(JQuery获取Json)2
- as3 updateAfterEvent的作用
- JSTL 核心标签库 使用
- Win32编程的demo,在另一台机器上不窗口显示不出来
- Eclipse、Tomcat环境配置及web应用发布的几种方式
- u-boot.lds 分析 .
- JavaScript访问弹出窗口的弹出窗口
- cassandra (2)Understanding the Architecture【Architecture in brief】
- Intent实现跳转