基于JQuery框架的AJAX实例代码

<?php
echo json_encode(array (‘username‘=>$_REQUEST[‘username‘],‘password‘=>$_REQUEST[‘password‘]));
?>

AJAX JQuery 直接调用后台方法返回值（不刷新页面）(1)

（1）无参数返回值

javascript方法：

        $(function () {
            //无参数返回值
            $("#btn_Ajax1").click(function () {
                $.ajax({
                    //要用post方式
                    type: "Post",
                    //方法所在页面和方法名
                    url: "Ajax_Test.aspx/getValueByAjaxNoParms",
                    //url: "Ajax_ResponseText.aspx/getValueByAjaxNoParms",
                    //其他页面
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    beforeSend: function (XMLHttpRequest) {
                        $(‘#show‘).text("正在查询");
                    },
                    success: function (data) {
                        //返回的数据用data.d获取内容
                        alert(data.d);
                    },
                    error: function (err) {
                        alert(err);
                    }
                });
                //禁用按钮的提交
                return false;
            });
  后台方法：

    //[System.Web.Services.WebMethod()]
    //不带参数
    [WebMethod()]
    public static string getValueByAjaxNoParms()
    {
        string ddd = "返回 GAGAHJT";
        return ddd.ToString();
    }

（2）带参数返回值

      javascript方法：
            //带参数
            $("#btn_Ajax2").click(function () {
                $.ajax({
                    type: "Post",
                    url: "Ajax_Test.aspx/getValueByAjaxByParms",
                    //方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字
                    data: "{‘str‘:‘我是‘,‘str2‘:‘XXX‘,‘str3‘:‘是不是？‘}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        //返回的数据用data.d获取内容
                        alert(data.d);
                    },
                    error: function (err) {
                        alert(err);
                    }
                });
                //禁用按钮的提交
                return false;
            });
  后台方法：

    //带参数
    [WebMethod]
    public static string getValueByAjaxByParms(string str, string str2, string str3)
    {
        return str + str2 + str3;
    }