用壁貼、壁紙輕鬆變換風格，打造時尚
鄉村風、海洋風居家，感受初夏熱情洋溢		拆除工程居家防水幫手！專業防水規劃、壁癌處理
卓越施工品質，價格實在，工程實績豐富！

首頁  •  tw 論壇 • 程式設計討論     • 

[JQuery] jQuery POST 簡單範例

房東：阿寶
發表時間：2011-02-20
[檢舉]


這個主要是練習使用 jQuery 做 ajax POST 的動作.然後把結果塞回網頁上面.


先簡單寫個 helloworld 的 php. 限定它只接收 POST method.











1

2

3

4

5

6

7

 
<?

if (isset($_POST["name"])) {

    echo “aloha “.$_POST["name"];

} else {

    echo “get out!”;

}

?>


在html內弄個區塊顯示回傳值:











1

 
<div class=”message”></div>


jQuery 部份只要寫下面給行 codes就可以達成 :











1

2

3

4

5

6

7

8

9

 
<script type=”text/javascript”>

    $(document).ready(function() {

        $.post(’helloworld.php’,{

            name: “sam”

        }, function(txt){

            $(’div.message’).html(txt);

        });

    });

</script>


這樣就完成了簡單的 jQuery 使用 ajax 呼叫POST method. 看一下 DEMO





  • 贊助網站       

    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務
    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊，房屋、店面熱門精選物件，廣利不動產 優質仲介，房屋租賃、買賣資訊透明，交易真安心！

    • 1 樓住戶：小蔡
    發表時間：2011-05-07     		[檢舉]

    HTML代碼：

    ---------------------------------------------------------------------------




    TEST















    ---------------------------------------------------------------------------

    1.PHP代碼
    ---------------------------------------------------------------------------

    $name = $_POST['name'];
    echo "you say : ".$name;

    ?>




    　共 1 人回應　　選擇頁數 【第1 頁】 

    姓名：
    佈告內容：