jquery中获得$.ajax()事件返回的值并添加事件的方法

165 阅读 0 评论 109 点赞

我是靠谱客的博主甜蜜大象，最近开发中收集的这篇文章主要介绍jquery中获得$.ajax()事件返回的值并添加事件的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果想获得$.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>