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 相关文章推荐
js计算页面刷新的次数
Jul 20 Javascript
JQuery的ajax基础上的超强GridView展示
Sep 18 Javascript
纯js分页代码(简洁实用)
Nov 05 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
js form表单input框限制20个字符,10个汉字代码实例
Apr 12 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
使用vuex存储用户信息到localStorage的实例
Nov 11 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
php中fsockopen用法实例
2015/01/05 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
javascript定时器完整实例
2015/02/10 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
JQuery包裹DOM节点的方法
2015/06/11 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
JS常用算法实现代码
2016/11/14 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
JS触摸与手势事件详解
2017/05/09 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
Golang与python线程详解及简单实例
2017/04/27 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python生成器推导式用法简单示例
2019/10/08 Python
PyTorch中的Variable变量详解
2020/01/07 Python
Django REST framwork的权限验证实例
2020/04/02 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
外贸公司实习自我鉴定
2013/09/24 职场文书
公司租房协议书范本
2014/10/08 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
校友回访母校寄语
2015/02/26 职场文书
业务员岗位职责范本
2015/04/03 职场文书
会计稽核岗位职责
2015/04/13 职场文书
家长会感言
2015/08/01 职场文书
创业计划书之酒厂
2019/10/14 职场文书