jQuery中ajax的$.post應用執行個體

用jQuery簡單擷取AJAX非同步資料，以下例子是類似於型使用者名稱的AJAX功能

jQuery.post( url, [data], [callback], [type] ) ：使用POST方式來進行非同步請求

參數：

url (String) : 發送請求的URL地址.

data (Map) : (可選) 要發送給伺服器的資料，以 Key/value 的索引值對形式表示。

callback (Function) : (可選) 載入成功時回呼函數(只有當Response的返回狀態是success才是調用該方法)。

type (String) : (可選)官方的說明是：Type of data to be sent。其實應該為用戶端請求的類型(JSON,XML,等等)

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

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."可以使用"; } ?>

HTML代碼

 

代碼如下	複製代碼
<p>頁面效果如下：(當你輸入<a href="http://www.111cn.net" title="思緒">netxu</a>時，會提示資料據存在，你輸入其它則提示資料可用)</p> <p>傳值文本：<input type="text" class="name" size="20" value="netxu"/></p> <p>非同步接收：<input type="text" class="content" size="20" style="color:#F00"/> <input type="button" class="ajax_btn" value="非同步處理" /></p>

反之ASP情況也一樣，只是輸出形式不同