XML格式:
{<?xml version="1.0">
<ROOT>
<DETAIL code="SubjectSet.aspx" allow_run="1" allow_add="0" allow_edit="1" allow_dele="1" ></DETAIL>
<DETAIL code="GoldPrcSet.aspx" allow_run="1" allow_add="0" allow_edit="1" allow_dele="0" ></DETAIL>
</ROOT>
}
JSON数据格式:
string json = string.Empty;
//一条记录
json = "{\"id\":\"3\",\"ShortCode\":\"MK\",\"Name\":\"旺角\"}";
//多条记录
json = "[{\"id\":\"3\",\"ShortCode\":\"MK\",\"Name\":\"旺角\"},{\"id\":\"1\",\"ShortCode\":\"TST\",\"Name\":\"尖沙咀\"}]";
注明:无论是XML还是JSON,在asp.net环境下,冒号等前面都要加反钭杠("\")
xxxx.ashx文件内容
public void ProcessRequest(HttpContext context) { string json = "{\"id\":\"3\",\"ShortCode\":\"MK\",\"Name\":\"旺角\"}"; context.Response.Write(json); context.Response.End(); }
前台调用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script> </head> <body> <div> <div> <input id="Text1" type="text" style="width: 400px;" /><br /> <input id="Text2" type="text" style="width: 400px;" /><br /> <input id="Text3" type="text" style="width: 400px;" /> </div> <br /> <input id="Button2" type="button" value="getJSON" onclick="getInfo(); " /> <input id="Button1" type="button" value="Ajax" onclick="getAjax(); " /> <input id="Button3" type="button" value="Clear" onclick="SetNull(); " /> </div> </body> <script type="text/javascript"> function getInfo() { $.getJSON("Pages/BaseInfo.ashx", function (data) { document.getElementById("Text1").value = data.id; document.getElementById("Text2").value = data.ShortCode; document.getElementById("Text3").value = data.Name; }); } function getAjax() { $.ajax({ url: "Pages/BaseInfo.ashx", type: "get", dataType: "json", success: function (data) { document.getElementById("Text1").value = data.id; document.getElementById("Text2").value = data.ShortCode; document.getElementById("Text3").value = data.Name; } }); } function SetNull() { document.getElementById("Text1").value = ""; document.getElementById("Text2").value = ""; document.getElementById("Text3").value = ""; } </script> </html>
事件驱动的脚本载入函数:getScript()
getScript( url, [callback] )
url (String) 待载入 JS 文件地址
callback (Function) (可选) 成功载入后回调函数
getScript()函数可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件(神奇……?!)。这个函数的意义是巨大 的,它可以很大程度的缩减页面初次载入的代码量,因为你可以根据用户的交互来载入相应的JS文件,而不必在页面初始化的时候全部载入。
$.getScript('ajaxEvent.js', function() {
alert("Scripts Loaded!");
//载入ajaxEvent.js,并且在成功载入后显示对话框提示。
});
function GetScriptInfo() { $.getScript('Scripts/PagerList.js', function () { alert("Scripts Loaded!"); }); }