[JQuery] 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);

?>

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