jquery 取得$.ajax事件中的返回值，并添加事件

最新推荐文章于 2021-03-20 14:39:25 发布

原创最新推荐文章于 2021-03-20 14:39:25 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #Ajax #PHP #JavaScript #HTML #ViewUI

jquery->语法基础专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用JQUERY进行动态文本提交的例子。通过同步请求的方式实现数据的获取，并将其赋值给全局变量。演示了如何克隆DOM元素并添加blur事件监听器，以及如何在页面加载完成后初始化这些功能。

<html>
<head>
<title>
测试JQUERY提交动态文本
</title>
<script language="javascript" src="jquery.js"></script>  
<script language="javascript">
$(function(){  //引用的jquery文件我就不上传了，大家应该都有的。
		   //by http://dcdc723.iteye.com
$("#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>