使用jquery异步获取数据(ajax技术)

table.php:

 

<?php

echo "aaaa";
echo "</br>";
echo $_REQUEST["id"];

?>

 

 

方法一:

testajax.php:

 

<input type="button" name="name" value="测试" onClick="getRequest()"/>
<div id="target"></div>

 

 

<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript">

 function getRequest(){

      $("#target").load("table.php");
      alert("xxxxxxxxxx");

 }
</script>

 

 

方法二:

testajax.php:

 

<input type="button" name="name" value="测试" onClick="getRequest()"/>
<div id="target"></div>

 

 

<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript">

 function getRequest(){
      $.get("table.php","id=yaoming",
       function(data){

        $("#target").html(decodeURI(data));
       }

       );

 }
</script>

 

 

方法三:

testajax.php:

 

<input type="button" name="name" value="测试" onClick="getRequest()"/>
<div id="target"></div>

 

 

<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript">

 function getRequest(){
       $.ajax({
       type:"GET",
       url:"table.php",
       data:"id=mdx",
       success:function(data){

        $("#target").html(decodeURI(data));
       }

 }
</script>