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

来源：互联网发布：如何制作数据曲线图编辑：程序博客网时间：2024/06/10 18:48

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

0 0