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 相关文章推荐
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
JavaScript动态修改弹出窗口大小的方法
Apr 06 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
js实现新年倒计时效果
Dec 10 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
KnockoutJS数组比较算法实例详解
Nov 25 Javascript
vue.js实现简单购物车功能
May 30 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
js回调函数仿360开机
2019/12/26 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
python基础教程之匿名函数lambda
2017/01/17 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Python输入二维数组方法
2018/04/13 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
Python中collections模块的基本使用教程
2018/12/07 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
python 如何将office文件转换为PDF
2020/09/22 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
培训班通知
2015/04/25 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle