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> 
<style type="text/css"> 
.show{ display:block;} 
.hide{ display:none;} 
</style> 
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script> 
<script type="text/javascript"> 
//这个方法把ajax方法封装一下,方便调用。 
function myajax(){ 
$.ajax({ 
type:'get', 
url:'ajax.aspx', 
data:'id=1name=tree', 
dataType:'html', 
beforeSend:beforecall, 
success:callback 
}); 
} 
//调用前方法 
function beforecall(){ 
$('#wait').addClass("show").append('调出中...'); 
//alert('');//测试是否调用 
} 
//回调函数 
function callback(data){ 
$('#response').append(data); 
$('#wait').css("display","none"); 
} 
//onload()事件 
$(function(){ 
$('#confirm').click(myajax); 
}) 
</script> 
</head> 
<body> 
<div id="confirm">点击</div> 
<div id="response">接收后台数据</div> 
<div id="wait" class="hide">hello</div> 
</body> 
</html>

后台
protected void Page_Load(object sender, EventArgs e) 
{ 
Response.Write("hello"+Request["name"]); 
Response.End(); 
}
Javascript 相关文章推荐
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
Sep 01 Javascript
AngularJS自定义服务与fliter的混合使用
Nov 24 Javascript
详解Vue 开发模式下跨域问题
Jun 06 Javascript
js实现数组内数据的上移和下移的实例
Nov 14 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
jquery $.ajax入门应用一
Nov 19 #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
You might like
php自动注册登录验证机制实现代码
2011/12/20 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
python中遍历文件的3个方法
2014/09/02 Python
python实现矩阵乘法的方法
2015/06/28 Python
python清除字符串里非数字字符的方法
2015/07/02 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
浅析python中的del用法
2020/09/02 Python
python实现磁盘日志清理的示例
2020/11/05 Python
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
个人实用简单的自我评价
2013/10/19 职场文书
企划主管岗位职责
2013/12/12 职场文书
商场经理竞聘演讲稿
2014/01/01 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
学校元旦晚会开场白
2014/12/14 职场文书
企业愿景口号
2015/12/25 职场文书
检讨书之工作不认真
2019/08/14 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL