<< jQuery下拉選單可以多重選擇 | 回blog首頁 | 取得選取元件值 >>

2009年04月13日

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);
?>

Posted by aj2007 at 樂多Roodo! │12:15 │回應(0) │引用(0) │jQuery
樂多分類：日記/一般 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/8694375


回最上方