jquery中获得$.ajax()事件返回的值并添加事件的方法


Posted in Javascript onApril 15, 2010

如果想获得$.ajax()中返回的值,直接用在success:funciton(){return xx} 是不可以的,要想获得xx的值,要在script中,使用全局变量。利用全局变量引出xx的值。

jquery 取得$.ajax事件中的返回值,并添加事件

<html> 
<head> 
<title>测试JQUERY提交动态文本</title> 
<script language="javascript" src="jquery.js"></script> 
<script language="javascript"> 
$(function(){ //引用的jquery文件我就不上传了,大家应该都有的。 
$("#a1").clone().appendTo("#ap"); 
var a=""; //定义全局变量 a; 
txtadd(); 
alert(a); //测试全局变量是否有值; 
$("#tall").blur(function(){ alert("测试一下"); }); //添加一个从同步事件里返回文本框的blur事件 
$("#a1").blur(function(){ alert("本页面事件!"); });//注意,clone出来的a1文本框不具有blur事件; 
function txtadd(){ 
$.ajax({ 
    async:false, //使用同步请求,因为异步请求不能将返回值传给全局变量; 
type:"post", 
url:"autotxt.php", 
data:{txtid1:1,txtid2:2}, 
beforeSend:function(){$("#tt").html("数据加载中。。。")}, 
success:function(data){$("#tt").html(decodeURI(data)); //autotxt.php返回值<input name='tall' id='tall' value='dc' maxlength='6'/>; 
a=$("#tall").val(); //将返回值做处理给全局变量 
} 
}); 
} 
}) 
</script> 
</head> 
<body> 
<form action="autotxt.php" method="post"> 
<div id="tt"></div> 
<div id="ap"></div> 
<input type="text" id="a1" name="a1" value="测试" /> 
<input type="hidden" id="ok" name="ok" value="ok" /> 
<input type="submit" value="确定" /> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
jquery 获取json数据实现代码
Apr 27 Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
JS实现打字游戏
Dec 17 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 #Javascript
jQuery 打造动态下滑菜单实现说明
Apr 15 #Javascript
xheditor与validate插件冲突的解决方案
Apr 15 #Javascript
js 获取Listbox选择的值的代码
Apr 15 #Javascript
JavaScript toFixed() 方法
Apr 15 #Javascript
js function定义函数使用心得
Apr 15 #Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 #Javascript
You might like
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
php仿ZOL分页类代码
2008/10/02 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
浅析vue深复制
2018/01/29 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
python实现名片管理系统
2018/11/29 Python
Django 用户认证组件使用详解
2019/07/23 Python
python中get和post有什么区别
2020/06/19 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
.net面试题
2016/09/17 面试题
软件测试有哪些?什么是配置项?
2012/02/12 面试题
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
聘用意向书范本
2014/04/01 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
董事会决议范本
2015/07/01 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
优胜劣汰,强者为王——读《鲁滨逊漂流记》有感
2019/08/15 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
Java 在生活中的 10 大应用
2021/11/02 Java/Android