快捷導(dǎo)航

Jquery異步請(qǐng)求數(shù)據(jù)實(shí)例代碼

更新時(shí)間：2011年12月28日 22:22:20 作者：

Jquery異步請(qǐng)求數(shù)據(jù)實(shí)例代碼，需要的朋友可以參考下。

一、Jquery向aspx頁(yè)面請(qǐng)求數(shù)據(jù)
前臺(tái)頁(yè)面JS代碼：

 
$("#Button1").bind("click", function () { 
$.ajax({ 
type: "post", 
url: "default.aspx", 
data: "name=" + $("#Text1").val(), 
success: function (result) { 
alert(result.msg); 
} 
}); 
}); 

復(fù)制代碼代碼如下:

 
<input id="Text1" type="text" value='張三'/> 
<input id="Button1" type="button" value="提交" /> 

后臺(tái)cs代碼：

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (Request["name"]!=null) 
{ 
Response.ContentType = "text/json"; 
Response.Write("{\"msg\":\""+Request["name"]+"\"}");//將數(shù)據(jù)拼湊為Json 
Response.End(); 
} 
} 

二、Jquery向WebService頁(yè)面請(qǐng)求數(shù)據(jù)

復(fù)制代碼代碼如下:

 
$("#Button2").bind("click", function () { 
$.ajax({ 
type: "post", 
contentType: "application/json", 
url: "WebService.asmx/HelloWorld", 
data: "{name:'" + $("#Text1").val() + "'}", 
datatype: "json", 
success: function (result) { 
alert(result.d); 
} 
}); 
}); 
<input id="Button2" type="button" value="向WebService提交" /> 

WebService代碼

復(fù)制代碼代碼如下:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Services; 
/// <summary> 
/// Summary description for WebService 
/// </summary> 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService] 
public class WebService : System.Web.Services.WebService { 
public WebService () { 
//Uncomment the following line if using designed components 
//InitializeComponent(); 
} 
[WebMethod] 
public string HelloWorld( string name) { 
return "Hello World"+name; 
} 
} 

三、Jquery向ashx請(qǐng)求數(shù)據(jù)和向頁(yè)面相同
Js代碼：

復(fù)制代碼代碼如下:

 
$("#Button3").bind("click", function () { 
$.ajax({ 
type: "post", 
url: "Handler.ashx", 
data: "name=" + $("#Text1").val(), 
success: function (result) { 
alert(result.msg); 
} 
}); 
}); 

后臺(tái)代碼:

復(fù)制代碼代碼如下:

 
<%@ WebHandler Language="C#" Class="Handler" %> 
using System; 
using System.Web; 
public class Handler : IHttpHandler { 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "text/json"; 
context.Response.Write("{\"msg\":\"Hello World"+context.Request["name"]+"來(lái)自handler.ashx\"}"); 
context.Response.End(); 
} 
public bool IsReusable { 
get { 
return false; 
} 
} 
} 