jQuery实例3

最新推荐文章于 2024-10-18 19:02:29 发布

夜光寒

最新推荐文章于 2024-10-18 19:02:29 发布

阅读量398

点赞数

分类专栏： JavaScript AJAX 文章标签： jquery function ajax button div url

JavaScript 同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

AJAX

14 篇文章 0 订阅

订阅专栏

jQuery中Ajax的处理

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">   
$(document).ready(function(){
	$('#btnAjax').click(function(){
		$.ajax({
		   type: "POST",
		   url: "json.html",		
		   success: function(msg){
			  var oldValue = $('#div1').html() + '<br/>';
			  $('#div1').html(oldValue  + msg);
		   }
		}); 
			
	});//click 
}); //ready
</script>
</head>

<body>
<input id="btnAjax" type = "button" value= "ajax" />

<div id="div1">

</div>
</body>
</html>

注意上面的json.html是另一个页面：

内容如下：

one ajax result.

其实随便一句话都可以