Jquery异步请求数据实例代码


Posted in Javascript onDecember 28, 2011

一、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; 
} 
} 
}

代码下载
Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编
Jul 01 Javascript
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
深入理解JSON数据源格式
Jan 10 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
JavaScript lodash常见用法系列小结
Aug 24 Javascript
微信小程序 获取设备信息 API实例详解
Oct 02 Javascript
js调用刷新界面的几种方式
May 03 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
浅谈React碰到v-if
Nov 04 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 #Javascript
js使用函数绑定技术改变事件处理程序的作用域
Dec 26 #Javascript
JavaScript中的property和attribute介绍
Dec 26 #Javascript
JavaScript打字小游戏代码
Dec 26 #Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 #Javascript
js 函数调用模式小结
Dec 26 #Javascript
JavaScript 原型继承
Dec 26 #Javascript
You might like
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
php生成圆角图片的方法
2015/04/07 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
Vue的Options用法说明
2020/08/14 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
jQuery实现穿梭框效果
2021/01/19 jQuery
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python之array赋值技巧分享
2019/11/28 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
利用pyecharts读取csv并进行数据统计可视化的实现
2020/04/17 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
你常见到的runtime exception
2016/09/05 面试题
担保书怎么写
2014/04/01 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
周末问候语大全
2015/11/10 职场文书
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL