jquery $.ajax入门应用一


Posted in Javascript onNovember 19, 2008

前台 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>无标题页</title> 
<script type="text/javascript" src="jquery/jquery.js"></script> 
<script type="text/javascript"> 
//这个方法把ajax方法封装一下,方便调用。 
function myajax(){ 
$.ajax({ 
type:'get', 
url:'ajax.aspx', 
data:'', 
dataType:'html', 
success:callback 
}); 
} 
//回调函数 
function callback(data){ 
$('#response').append(data); 
} 
//onload()事件 
$(function(){ 
$('#confirm').click(myajax); 
}) 
</script> 
</head> 
<body> 
<div id="confirm">点击</div> 
<div id="response">接收后台数据</div> 
</body> 
</html>

后台
using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
public partial class ajax : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
Response.Write("hello"); 
Response.End(); 
} 
}
Javascript 相关文章推荐
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
javascript cookie的简单应用
Feb 24 Javascript
js封装tab标签页实例分享
Dec 19 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
详解angular2 控制视图的封装模式
Dec 27 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
传递参数的标准方法(jQuery.ajax)
Nov 19 #Javascript
仿迅雷焦点广告效果(JQuery版)
Nov 19 #Javascript
Javascript日期对象的dateAdd与dateDiff方法
Nov 18 #Javascript
js电信网通双线自动选择技巧
Nov 18 #Javascript
JavaScript脚本性能优化注意事项
Nov 18 #Javascript
javascript 字符串连接的性能问题(多浏览器)
Nov 18 #Javascript
js的闭包的一个示例说明
Nov 18 #Javascript
You might like
php封装好的人民币数值转中文大写类
2015/12/20 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
在jQuery中 常用的选择器介绍
2013/04/16 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
Python下singleton模式的实现方法
2014/07/16 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
Django CBV类的用法详解
2019/07/26 Python
python实现截取屏幕保存文件,删除N天前截图的例子
2019/08/27 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
高校毕业生自我鉴定
2013/10/27 职场文书
化工机械应届生求职信
2013/11/04 职场文书
销售部主管岗位职责
2013/12/18 职场文书
村级环境卫生整治方案
2014/05/04 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
单位介绍信格式
2015/01/31 职场文书