[JQuery] jQuery POST 簡單範例

妝點居家生活！專營各式窗簾、拉門、壁紙等
打造專屬於您的精緻空間，歡迎洽詢

系統家具櫥櫃設計專家，應用範圍涵蓋客廳
廚房、臥室等，高品質把關，歡迎選購！

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

[JQuery] jQuery POST 簡單範例

房東：阿寶

發表時間：2011-02-20

[檢舉]

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

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

<?

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

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

} else {

    echo “get out!”;

}

?>

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

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

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

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

姓名：
佈告內容：