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 相关文章推荐
javascript div 弹出可拖动窗口
Feb 26 Javascript
实现连缀调用的map方法(prototype)
Aug 05 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
PHP Global定义全局变量使用说明
2013/08/15 PHP
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
js判断url是否有效的两种方法
2014/03/04 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
ECMAScript6--解构
2017/03/30 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
JQuery实现定时刷新功能代码
2017/05/09 jQuery
简单的网页广告特效实例
2017/08/19 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
用python删除java文件头上版权信息的方法
2014/07/31 Python
python实现csv格式文件转为asc格式文件的方法
2018/03/23 Python
Python列表解析配合if else的方法
2018/06/23 Python
django框架中间件原理与用法详解
2019/12/10 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
中专生自我鉴定书范文
2013/12/28 职场文书
海南地接欢迎词
2014/01/14 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
活动策划求职信模板
2014/04/21 职场文书
平安建设汇报材料
2014/12/29 职场文书
2016年校园社会综合治理宣传月活动总结
2016/03/16 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android