jQuery入门(9)：Ajax(调用页面方法和WebService)

调用页面方法和webservice

注：

web.config中要指定允许调用web服务。

必须为Post方式来调用。

WEB服务返回的为XML串，所以客户端要转换为JSON再处理。

[WebMethod]

public static string AjaxServiceTest(string str)

{

return string.Format("Hello,{0}", str);

}

[System.Web.Script.Services.ScriptService]

public class TestWebService : System.Web.Services.WebService

{

[WebMethod]

public string HelloWorld(string s)

{

return "Hello World" + s ;

}

}

function WebServiceMethod() {

$.ajax({

type: "POST",

contentType: "application/json;utf-8",

url: "TestWebService.asmx/HelloWorld",

data: "{s:""" + $("#inputName").val() + """}", //传webservice方法的参数，s是方法的参数，必须一致

success: function(data) {

//将返回字符串转换为json对象

var json = null;

try {

json = eval('(' + data + ')');

} catch (e) {

alert("返回字符串不是json格式!");

return;

}

alert(json.d);

}

});

}

function PageAjaxServiceTest() {

$.ajax({

type: "POST",

contentType: "application/json;utf-8",

url: "PageService.aspx/AjaxServiceTest",

data: "{str:""" + $("#inputName").val() + """}", //传到.cs静态方法的参数，str是方法的参数，必须一致

success: function(data) {

//将返回字符串转换为json对象

var json = null;

try {

json = eval('(' + data + ')');

} catch (e) {

alert("返回字符串不是json格式!");

return;

}

alert(json.d);

}

});

}

</script>

<div>

<input id="inputName" type="text" value="" />

<a href="#" onclick="WebServiceMethod();">调用web服务</a><br /><br />

<a href="#" onclick="PageAjaxServiceTest();">调用页面静态方法</a><br /><br />

</div>

注：

$.post("PagingService.asmx/GetLoginHtml", { s: "fda" },

function(data) {

$("#ajaxlogin").html(data);

alert(data);

}, "html");