線上估價,比價最容易
給你最便宜的價格,消費不吃虧
平價搬家公司優質裝潢設計裝潢團隊,空間規劃
平價奢華設計,免費設計諮詢

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

[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 頁】 

    姓名:
    佈告內容: