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 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
纯js实现画一棵树的示例
Sep 05 Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
使用refresh_token实现无感刷新页面
Apr 26 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.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
我的群发邮件程序
2006/10/09 PHP
php在线代理转向代码
2012/05/05 PHP
destoon实现商铺管理主页设置增加新菜单的方法
2014/06/26 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
jQuery使用方法
2017/02/04 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
详解vue 路由跳转四种方式 (带参数)
2019/04/28 Javascript
Layui数据表格跳转到指定页的实现方法
2019/09/05 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
在Python的web框架中配置app的教程
2015/04/30 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Python编程快速上手——正则表达式查找功能案例分析
2020/02/28 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Python Map 函数的使用
2020/08/28 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
电子商务网站的创业计划书
2014/01/05 职场文书
《大自然的语言》教学反思
2014/04/08 职场文书
银行求职信范文
2014/05/26 职场文书
工会主席事迹材料
2014/06/03 职场文书
高三励志标语
2014/06/05 职场文书
工作证明格式范文
2015/06/15 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技