經營好口碑！連鎖店招牌、精緻招牌
LED廣告工程、專業設計全省服務！		窗簾油漆功細料實在堅持最平價 ，工程大小不拘免費專人
到府估價 無毒，無味，最省錢

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

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

    姓名：
    佈告內容：
    其他選項: