国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > $.post() $.get() $.getJSON()

$.post() $.get() $.getJSON()

来源:程序员人生   发布时间:2015-04-20 08:26:02 阅读次数:2920次

HTML+JS代码

<html> <head> <title></title> <script src="jquery⑵.1.3.js"></script> </head> <body> <div id="UserName"></div> <div id="Age"></div> <div id="Gender"></div> </body> </html> <script type="text/javascript"> //$.post(url,[data],[callback],[type]) 1:地址 2:参数 3:回调函数 4:要求完成后返回的数据类型 $.post("Handler1.ashx", function (data) { data = $.parseJSON(data); $("#Gender").text(data.JsonData[2].Gender); }) //由于这里没有设置第4个参数,所以data仅仅是1个字符串,那末我们就需要利用$.parseJSON()方法将data字符串转换成json对象 //$.get(url,[data],[callback],[type]) 1:地址 2:参数 3:回调函数 4:要求完成后返回的数据类型 $.get("Handler1.ashx", function (data) { console.info("data", data); //输出:{ "JsonData": [{ "UserName": "张3"},{ "Age": "25" },{ "Gender": "男" }]} $("#UserName").text(data.JsonData[0].UserName); }, "json"); //这个"json"是设置获得数据的类型,所以得到的数据格式为json类型的(可选参数) //$.getJSON(url,[data],[callback]) 1:地址 2:参数 3:回调函数 $.getJSON("Handler1.ashx", function (data) { $("#Age").text(data.JsonData[1].Age); //无需设置,$.getJSON获得的数据类型为直接为json, }) </script>

1般处理程序

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace WebApplication1 { /// <summary> /// Handler1 的摘要说明 /// </summary> public class Handler1 : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/html"; var Json = "{"JsonData":[{"UserName":"张3"},{"Age":"25"},{"Gender":"男"}]}"; context.Response.Write(Json); } public bool IsReusable { get { return false; } } } }


生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生