JSON、XML数据格式,GetJSON、Ajax、GetScript

 

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!");
        });
    }


 

 

你可能感兴趣的:(json,xml,asp.net)