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在数组中删除重复的元素自保留一个(两种实现思路)
Aug 22 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
微信小程序入门之绘制时钟
Oct 22 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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 Hash函数,增强密码安全
2011/02/25 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
php教程 插件机制在PHP中实现方案
2012/11/02 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
php中数组最简单的使用方法
2020/12/27 PHP
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
浅谈vue路径优化之resolve
2017/10/13 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
简单了解node npm cnpm的具体使用方法
2019/02/27 Javascript
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
点球小游戏python脚本
2018/05/22 Python
python实现根据文件格式分类
2019/10/31 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
flask 框架操作MySQL数据库简单示例
2020/02/02 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
技术学校毕业生求职信分享
2013/12/02 职场文书
投标单位介绍信
2014/01/09 职场文书
作文评语大全
2014/04/23 职场文书
村抢险救灾方案
2014/05/09 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
2015年入党积极分子评语
2015/03/26 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL