鋁門窗規劃、施工,經驗豐富
服務嚴謹、保固完善,免費估價,歡迎洽詢
客源網專業的施工團隊,新屋裝潢
舊屋裝修,套房規畫,室內裝修申請,完工保固

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

[JQuery] jQuery 作不換頁POST

房東:阿比
發表時間:2011-09-16
[檢舉]


使用jQuery 作不換頁POST,然後由後端PHP程式回傳一個對應值。

因為沒有資料庫可以用,所以直接用echo方式來應用(可套用各類程式)。

範例 :
 



test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>JSON & PHP</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

</head>

<script type="text/javascript" src="jquery.js"></script>

<body>

Number :

<select name="myId" id="myId">

 <option value="1">1</option>

 <option value="2">2</option>

</select>

<input type="button" name="button" value="who??" onClick="getData();">

<div id="myData"></div>

<script type="text/javascript">

function getData(){

 var myId = $(\'#myId\').val();

 $.post("test.php",

  {

   id:  myId

  },

  function (msg){

   $(\'#myData\').html(msg.name);

  },

  "json"

 );

}

</script>

</body>

</html>



test.php

<?php

if($_POST[\'id\'] == \'1\'){

 $selectData = array("name"=>"Marion");

}

else{

 $selectData = array("name"=>"Joge");

}

echo json_encode($selectData);

?>
 





  • 贊助網站       

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

  • 1 樓住戶:jack
    發表時間:2011-09-16
    [檢舉]

    $('#btn').click(function(){
    $.ajax({
    url: 'hello.php',
    cache: false,
    dataType: 'html',
    type:'POST',
    data:
    {
    name: $('#name').val(),
    email: $('#email').val(),
    content: $('#content').val()
    }
    });
    });


    });










    2 樓住戶:sss
    發表時間:2023-12-28
    [檢舉]

    scscs



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

    姓名:
    佈告內容: