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:如图