2009年4月13日 12:15

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

  • aj2007 發表於樂多回應(2)引用(0)jQuery編輯本文
    樂多分類:日記/一般切換閱讀版型 │昨日人次:5 │累計人次:5902
     

    引用URL

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

    回應文章
    想請問php黨要放在哪裡呢??
    | 檢舉 | Posted by justine at 2013年5月22日 19:00

    抱歉,無法在此教學。
    | 檢舉 | Posted by Ajean at 2013年5月27日 18:15
     
     


     
    x