先介紹get()函數:
url,[data],[callback],[type]
參數說明:
url:待載入頁面的URL位址
data:待傳送 Key/value 參數。
callback:載入成功時回呼函數。
type:傳回內容格式,xml, html, script, json, text, _default。
先建立testGet.php實例:
<?php $web = $_GET['webname']; echo "你现在访问的网站是:".$web; ?>
然見建立ajax.html檔:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>php点点通 - 关注php开发,提供专业web开发教程! </title> <script type="text/javascript" src="./jquery-1.7.1.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $.get("testGet.php",{web:"www.phpddt.com"},function(data,textStatus){ $("#result").append("data:"+data); $("#result").append("<br>textStatus:"+textStatus); }); }); }); </script> </head> <body> <input type="button" value="测试" id="btn" /> <h2>显示的内容如下:</h2> <div id="result"></div> </body> </html>
測驗前的初始頁是:
點選測驗後的結果是: