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 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
javascript动画效果类封装代码
Aug 28 Javascript
解决JavaScript数字精度丢失问题的方法
Dec 03 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
详解JavaScript中的执行上下文及调用堆栈
Apr 29 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实现的限制IP投票程序IP来源分析
2016/05/04 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
jquery操作checkbox实现全选和取消全选
2014/05/02 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
JS中使用 after 伪类清除浮动实例
2017/03/01 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
工业学校毕业生自荐书
2014/01/03 职场文书
酒店拾金不昧表扬信
2014/01/18 职场文书
采购求职信
2014/03/17 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
安全承诺书格式
2014/05/21 职场文书
公司委托书格式
2014/08/01 职场文书
单位委托书怎么写
2014/09/21 职场文书
个人道歉信大全
2019/04/11 职场文书