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操作Cookie取值错误的解决方法
Aug 26 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
利用jquery操作Radio方法小结
Oct 20 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
jquery.validate提示错误信息位置方法
Jan 22 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
详解jQuery-each()方法
Mar 13 jQuery
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 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
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
php接口隔离原则实例分析
2019/11/11 PHP
Prototype使用指南之form.js
2007/01/10 Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
2011/01/19 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
Python递归遍历列表及输出的实现方法
2015/05/19 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
django文档学习之applications使用详解
2018/01/29 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
Python安装selenium包详细过程
2019/07/23 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2019/09/20 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
详解Python 函数参数的拆解
2020/09/02 Python
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
联想台湾官网:Lenovo TW
2018/05/09 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
美术教师岗位职责
2014/03/18 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
婚假请假条怎么写
2014/04/10 职场文书
大学生职业生涯十年规划书范文
2014/09/17 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
python实现网络五子棋
2021/04/11 Python
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis