使用jQuery框架的AJAX实现演示

（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;
    }