Jquery Ajax实例(三)ajax在aspx页面中的使用

aspx代码：

View Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#ajax").click(function () {
                $.post("Ajax1.aspx", {
                    action: "check", name: "2013"
                }, function (data) {
                    var json = eval("(" + data + ")");
                    alert(json.ID);
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" id="ajax" value="Ajax1" />
    </div>
    </form>
</body>
</html>

.cs代码：

View Code

public partial class Ajax1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["action"] != null)
        {
            Check();
        }
    }

    private void Check()
    {
        WriteJson("ID",Request["name"]);
    }

    /// <param name="key"></param>
    /// <param name="val"></param>
    private static void WriteJson(string key, string val)
    {
        HttpContext.Current.Response.Write(GetJSON(key, val));
        HttpContext.Current.Response.ContentType = "text/plain"; //设置MIME格式
        HttpContext.Current.Response.End();
    }
    /// <summary>
    /// 获取JSON字符串
    /// </summary>
    /// <param name="dic"></param>
    /// <returns></returns>
    private static string GetJSON(string key, string val)
    {
        return string.Format("{{\"{0}\":\"{1}\"}}", key, val);
    }
   
}