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 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
基于jQuery的日期选择控件
Oct 27 Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
js如何找出字符串中的最长回文串
Jun 04 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
react写一个select组件的实现代码
Apr 03 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
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
js字母大小写转换实现方法总结
2013/11/13 Javascript
jquery如何实现锚点链接之间的平滑滚动
2013/12/02 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
JavaScript实现网页截图功能
2014/10/16 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
详解webpack babel的配置
2018/01/09 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
vue引入axios同源跨域问题
2018/09/27 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
python 全局变量的import机制介绍
2017/09/07 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
全面了解django的缓存机制及使用方法
2019/07/22 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
Python实现自动签到脚本功能
2020/08/20 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
护士实习生自我鉴定范文
2013/12/10 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
目标管理责任书
2014/04/15 职场文书
工作说明书范文
2014/05/07 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
golang日志包logger的用法详解
2021/05/05 Golang
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技