Ajax 簡單的例項程式碼
阿新 • • 發佈：2019-02-09
AJAX = Asynchronous JavaScript and XML（非同步的 JavaScript 和 XML）。
AJAX 不是新的程式語言，而是一種使用現有標準的新方法。
AJAX 是與伺服器交換資料並更新部分網頁的藝術，在不重新載入整個頁面的情況下。
HTML Code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!DOCTYPE HTML> <html> <head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js" <script type="text/javascript"> $(function(){ //按鈕單擊時執行 $("#testAjax").click(function(){ //Ajax呼叫處理 $.ajax({ type: "POST",//規定傳輸方式 url: "new.php",//提交URL data: {'name':$('#name').val(),'age' success: function(data){ $("#myDiv").html('<h2>'+data+'</h2>');//互動成功回撥 } }); }); }); </script> </head> <body> <input type="text" name="name" <input type="text" name="age" id="age"><br/> <div id="myDiv"><h2>通過 AJAX 改變文字</h2></div> <button id="testAjax" type="button">Ajax改變內容</button> </body> </html> |
PHP Code
|
1 2 3 |
<?php $msg='Hello,'.$_POST['name'].',your age is '.$_POST['age'].'!'; echo $msg; |