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 获取URL参数的插件
Mar 04 Javascript
跟着JQuery API学Jquery 之三 筛选
Apr 09 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
JS常用正则表达式总结
Nov 12 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
Vue.js鼠标悬浮更换图片功能
May 17 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
加速XP搜索功能堪比vista
2007/03/22 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
python如何去除字符串中不想要的字符
2020/07/05 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
python3实现磁盘空间监控
2018/06/21 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
Python简单I/O操作示例
2019/03/18 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
公司员工检讨书
2014/02/08 职场文书
五型班组建设方案
2014/02/10 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
培训通知
2015/04/17 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
python3美化表格数据输出结果的实现代码
2021/04/14 Python
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript