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 parseInt 函数分析(转)
Mar 21 Javascript
javascript 拖放效果实现代码
Jan 22 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 Javascript
js格式化时间的方法
Dec 18 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
May 20 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 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 session有效期session.gc_maxlifetime
2011/04/20 PHP
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Windows下为Python安装Matplotlib模块
2015/11/06 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
python编写计算器功能
2019/10/25 Python
linux 下selenium chrome使用详解
2020/04/02 Python
Python生成器generator原理及用法解析
2020/07/20 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
初中女生自我鉴定
2013/12/19 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
承认错误的检讨书
2014/01/30 职场文书
音乐教学随笔感言
2014/02/19 职场文书
法学院毕业生求职信
2014/06/25 职场文书
2014年药店工作总结
2014/11/20 职场文书
街道社区活动报告
2015/02/05 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
Django项目如何正确配置日志(logging)
2021/04/29 Python
深入浅析Django MTV模式
2021/09/04 Python
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS