ajax操作json的三种方式
一、 什么是json?
1. JSON是一种轻量级的数据交换格式
2. JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式
JSON最常用的格式是对象的 键值对。例如下面这样:
{"firstName": "Brett", "lastName": "McLaughlin"}
具体前台代码如下:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../Js/jquery-1.7.1.js"></script> <script type="text/javascript"> $(function () { $("#btnData").click(function () { //$post需要四个参数,1. 请求的URL,2. 传递的参数,3. 返回的数据,4. 数据类型(参数4默认类型为text) $.post("GetJson.ashx", {}, function (data) { alert(data); alert("用户名是:"+data.Name); },"json"); }); $("#btnData1").click(function () { $.post("GetJson.ashx", {}, function (data) { var serverData = $.parseJSON(data); //将获取的数据转换成json对象 alert("用户名是:" + serverData.Name); }); }); $("#btnData222").click(function () { $.getJSON("GetJson.ashx", {}, function (data) { //getjson默认将获取的数据转换成json对象,所以不用加上面的parsejson,但是该请求只能用于get请求 alert("用户名是:" + data.Name); }); }); }); </script> </head> <body> <input type="button" value="获取数据" id="btnData" /> <input type="button" value="获取数据1111" id="btnData1" /> <input type="button" value="获取数据2222" id="btnData222" /> </body> </html>
一般处理程序代码如下:
using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace CZBK.ItcastProject.WebApp._2015_6_3 { /// <summary> /// GetJson 的摘要说明 /// </summary> public class GetJson : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Write("{\"Name\":\"zhangsan\",\"Age\":\"12\"}"); } public bool IsReusable { get { return false; } } } }