Jquery异步请求数据实例代码

204 阅读 0 评论 135 点赞

我是靠谱客的博主直率黑裤，最近开发中收集的这篇文章主要介绍Jquery异步请求数据实例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、Jquery向aspx页面请求数据
前台页面JS代码：

复制代码代码如下:

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

复制代码代码如下:

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

后台cs代码：

复制代码代码如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (Request["name"]!=null) 
{ 
Response.ContentType = "text/json"; 
Response.Write("{"msg":""+Request["name"]+""}");//将数据拼凑为Json 
Response.End(); 
} 
} 

二、Jquery向WebService页面请求数据

复制代码代码如下:

 
$("#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代码

复制代码代码如下:

 
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请求数据和向页面相同
Js代码：

复制代码代码如下:

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

后台代码:

复制代码代码如下:

 
<%@ 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"]+"来自handler.ashx"}"); 
context.Response.End(); 
} 
public bool IsReusable { 
get { 
return false; 
} 
} 
} 

代码下载