工程實績多,嚴選防水建材,加強房屋外牆防水功能
免費到府估價,售後長期服務。
平價壁紙多年豐富專業,拆除各類房型技巧純熟,快速有效率
免費現場估價,值得您信賴

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

[JQuery] jQuery和PHP應用的簡單例子

房東:小美
發表時間:2011-04-19


jQuery和PHP應用的簡單例子


使用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 樓住戶:阿凱
    發表時間:2011-04-19

    http://www.j2h.tw/jquery/test/test.php
    http://www.j2h.tw/jquery/test/index.html
    http://www.j2h.tw/jquery/index11.html



    點閱式 json_encode jquery
    http://www.adeepersilence.be/archive/jquerys-getjson-with-php#erik



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

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