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 继承实例分析
Nov 04 Javascript
json原理分析及实例介绍
Nov 29 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
Vue slot用法(小结)
Oct 22 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
微信小程序点击保存图片到本机功能
Dec 13 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 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+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
Javascript中的五种数据类型详解
2014/12/26 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
JavaScript SHA512加密算法详细代码
2016/10/06 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
PHP魔术方法__ISSET、__UNSET使用实例
2014/11/25 Python
Python2.x和3.x下maketrans与translate函数使用上的不同
2015/04/13 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
Django 视图层(view)的使用
2018/11/09 Python
区分python中的进程与线程
2020/08/13 Python
UNIX命令速查表
2012/03/10 面试题
小学教育毕业生自荐信
2013/11/18 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
九年级英语教学反思
2016/02/15 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS