jQuery ajax的post()使用方法詳解

首先認識要jQuery.post(url, [data], [callback], [type])

對參數進行說明：

url:發送請求地址。

data:待發送 Key/value 參數。

callback:發送成功時回呼函數。

type:返回內容格式，xml, html, script, json, text, _default。

說明:

通過遠程 HTTP POST 請求載入資訊。

這是一個簡單的 POST 請求功能以取代複雜 $.ajax 。請求成功時可調用回呼函數。如果需要在出錯時執行函數，請使用 $.ajax。

先來看一個簡單的執行個體

代碼如下	複製代碼
<?php echo json_encode(array("name"=>$_POST['name']));?>

然後建立ajax.html檔案，注意js代碼：www.111cn.net

代碼如下

複製代碼

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="./jquery-1.7.1.min.js"></script> <script>  $(document).ready(function(){   $("#sub").click(function(){    $.post("testPost.php",{name:$("#name").val()},function(data,textStatus){     $("#result").append("data:"+data.name);     $("#result").append("<br>textStatus:"+textStatus);    },"json");    return false;   });  }); </script> </head> <body> <form action="testPost.php" method="post">  <input type="text" name="name" id="name" >  <input type="submit" id="sub" value="提交"> </form> <h2>顯示的內容如下：</h2> <div id="result"></div> </body> </html>

用法2:(點擊post資料返回資料)

代碼如下	複製代碼
<input type="button" id="bnajax" value="ajax" onclick="ajaxTest()" /> <script type="text/javascript" >  function ajaxTest()  {   $.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)   {    $("#divMsg").html(data);   }   );  } </script>

例3

JS代碼：

代碼如下	複製代碼
<script> $(document).ready(function(){     $(".ajax_btn").click(function(){      $.post("ajax.php",//非同步處理動態網頁面      {name:$(".name").val()},//擷取類名為"name"文本的值，以NAME非同步傳值      function(data){//data為反回值，function進行反回值處理            $(".content").val(data);//獲得得反回值後，將其填入到類名為"content"的文字框中       });     }) }) </script>

ajax.php代碼：

代碼如下	複製代碼
<?php $name=$_POST["name"]; if($name=="netxu"){     echo "對不起，".$name."資料存在"; } else{     echo "恭喜你，".$name."可以使用"; } ?>