這次帶給大家jQuery ajax使用get()函數讀取頁面步驟詳解,jQuery ajax使用get()函數讀取頁面的注意事項有哪些,下面就是實戰案例,一起來看一下。
首先介紹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 </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> <p id="result"></p> </body> </html>
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是jQuery+ajax使用get()函數讀取頁面步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!