ajax的用法

ajax 传统写法：

       var xhr;
        if (XMLHttpRequest)//表示用户使用高版本浏览器
        {
            xhr = new XMLHttpRequest();
        }
        else//低版本浏览器
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xhr.open("get", "add.ashx?name=pex&age=18", true);//浏览器请求的方式，请求路径，是否异步加载
        xhr.send();//发送请求

        xhr.onreadystatechange = function ()//回调函数
        {
            if (xhr.readyState == 4)//表示请求的步骤 4表示请求完成
            {
                if (xhr.status == 200)//网页响应状态码 200表示页面正常
                {
                    alert(xhr.responseText);//输出请文本

                }

            }
        }

jquery ajax的三种写法：

jquery 内置封装好了许多东西，比传统写法更加简单，直接调用就好了。

   1.$.get();//以get方式发送请求
$("#btntime").click(function () {
            $.get("add.ashx", { "name": "pzx", "age": "222" }, function (data) {
                alert(data);
            })
        });

2.$.post();//以psot方式与后台发送请求

 $("#btntime1").click(function () {

            $.post("add.ashx", { "name": "as", "age": "20" }, function (data) {

                alert(data);
            });

        });

3.$.ajax();//get和post方式都可以，到参数里面设置就可以

     $("#btntime2").click(function () {
            $.ajax({
                type: "post",
                url: "add.ashx",
                dataType:"text"//后台返回的数据类型
                data: "name=ppp&age=200",
                success: function (data) {//回调函数，如果请求成功，返回后台返回的数据
                    alert(data)
                }
            });
        });

我的后台界面：

public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        string name = context.Request["name"];
        string age = context.Request["age"];
        //request.form是post传值
        //request.querystring是get传值
        context.Response.Write("姓名："+name+"年龄："+age);
    }