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 相关文章推荐
用JS写的一个TableView控件代码
Jan 23 Javascript
鼠标事件延时切换插件
Mar 12 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
May 19 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
Bootstrap fileinput文件上传组件使用详解
Jun 06 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
用ES6写全屏滚动插件的示例代码
May 02 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 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在线生成二维码代码(google api)
2013/06/03 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
Vue-router 报错NavigationDuplicated的解决方法
2020/03/31 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
2020/07/17 Javascript
javascript canvas实现简易时钟例子
2020/09/05 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
Python如何获取系统iops示例代码
2016/09/06 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python实现猜拳小游戏
2020/04/05 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
python实现静态服务器
2019/09/05 Python
python编写猜数字小游戏
2019/10/06 Python
Python常用库大全及简要说明
2020/01/17 Python
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
酒店管理毕业生自荐信
2014/05/25 职场文书
联欢会开场白
2015/06/01 职场文书
《司马光》教学反思
2016/02/22 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python
讨论nginx location 顺序问题
2022/05/30 Servers
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技