Jquery异步请求数据实例代码
Jquery异步请求数据实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:一、Jquery向aspx页面请求数据前台页面JS代码:复制代码代码如下:$("#Button1").bind("click",functi...

一、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#" %>

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;

}

}

}

代码下载

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类