两种不同写法的ajax请求数据

发布时间：2020-12-16 00:33:12 所属栏目：百科来源：网络整理

导读：1:ajax.html !doctype htmlhtml lang="en"headmeta charset="UTF-8"title两种不同写法的ajax请求数据/titlescript type="text/javascript" src="./js/jquery-1.3.2.min.js"/script script type="text/javascript" src="./js/jquery1.42.min.js"/script script

1:ajax.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>两种不同写法的ajax请求数据</title>
	<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="./js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
	<input type="button" id="b1" value="ajax1"><br><br><br>
	<input type="button" id="b2" value="ajax2"><br><br><br>
	<span>ajax1异步获取的数据:<div id="ajax1"></div></span>
	<span>ajax2异步获取的数据:<div id="ajax2"></div></span>
	
</body>
</html>
<script type="text/javascript">
	$("#b1").click(function(){
	  htmlobj=$.ajax({url:"/ajax.php?type=1",async:false});
	  $("#ajax1").append(htmlobj.responseText);
	});
</script>
<script type="text/javascript">
	var url='ajax.php';
	var getdata={
		type:2
	}
	$(document).ready(function(){  
        $("#b2").click(function(){  
            $.get(url,getdata,function(data){  
              $("#ajax2").append(data);  
            });  
        }); 
    });
	 
</script>

2:ajax.php

<?php 
if ($_REQUEST['type'] == 1) {
	echo '我是ajax1异步获取的数据';
}elseif ($_REQUEST['type'] ==2) {
	echo '我是ajax2异步获取的数据';
}else{
	echo '异常';
}



 ?>

3:如图

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!