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 相关文章推荐
js字符串转成JSON
Nov 07 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
Aug 16 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
vue弹窗组件使用方法
Apr 28 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
js实现图片上传到服务器和回显
Jan 19 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
php 定义404页面的实现代码
2012/11/19 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
PHP后期静态绑定之self::限制实例分析
2018/12/21 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
法国美发器材和产品购物网站:Beauty Coiffure
2016/12/05 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
家居设计专业个人自荐信范文
2013/11/26 职场文书
四风存在的原因分析
2014/02/11 职场文书
代理人委托书
2014/08/01 职场文书
高中课前三分钟演讲稿
2014/09/13 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
2014年技术部工作总结
2014/12/12 职场文书
婚宴父亲致辞
2015/07/27 职场文书