jQuery.ajax的簡單應用實例

<?php

if($_POST){
	$a = $_POST['a'];
	$b = $_POST['b'];
	$c = $a + $b;

	sleep(3);//延時3秒

	echo json_encode($c);
	exit;
}


?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商會圈</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
   function FunAjax()
   {
       $.ajax({
           type: "POST",
           url: "arr.php",
           data: "a=1&b=9",
           beforeSend: function(){
               $("#span_content").html("數據處理中...");
           },
           success: function(msg){
               $("#span_content").html("兩個數的和爲: " + msg);
           }
       });
   }
</script>
</head>
<body>
<div style="font-size:12px; padding-left:15px; padding-top:15px;">
  <input type="button" id="btn_ok" value="測試" onclick="FunAjax()" />
    <span id="span_content">顯示結果</span> </div>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章