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 相关文章推荐
splice slice区别
Oct 09 Javascript
JavaScript 继承使用分析
May 12 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
document.createElement()用法
Mar 13 Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
JavaScript计算某一天是星期几的方法
Aug 05 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 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
使用无限生命期Session的方法
2006/10/09 PHP
也谈php网站在线人数统计
2008/04/09 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
简单谈谈PHP中strlen 函数
2016/02/27 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
JS获取URL中的参数数据
2013/12/05 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
python实现的解析crontab配置文件代码
2014/06/30 Python
Python XML RPC服务器端和客户端实例
2014/11/22 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
本科生详细的自我评价
2013/09/19 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
旅行社优秀创业计划书
2014/08/16 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python