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 相关文章推荐
浅谈javascript 面向对象编程
Oct 28 Javascript
jquery对象和DOM对象的区别介绍
Aug 09 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
js判断PC端与移动端跳转
Dec 24 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
php魔术变量用法实例详解
2014/11/13 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
javascript hashtable实现代码
2009/10/13 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
浅析HTML5 meta viewport参数
2020/10/28 HTML / CSS
大学生就业自我鉴定
2013/10/26 职场文书
医院实习介绍信
2014/01/12 职场文书
协议书格式
2014/04/23 职场文书
校园安全演讲稿
2014/05/09 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
领导干部失职检讨书
2015/05/05 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS