首頁 >web前端 >js教程 >jQuery+ajax使用get()函數讀取頁面步驟詳解

jQuery+ajax使用get()函數讀取頁面步驟詳解

php中世界最好的语言
php中世界最好的语言原創
2018-04-25 15:11:022371瀏覽

這次帶給大家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實例:

48c6a906d75292dbb1eb32154718c46c

然見建立ajax.html檔:

100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
a71ddd814d1e6bfc91cd420de31796d5
b2386ffb911b14667cb8f0f91ea547a7 PHP 6e916e0f7d1e588d4f442bf645aedb2f
c4e547c8d3e2939359339534ffc9f2af2cacc6d41bbb37262a98f745aa00fbf0
3f1c4e4b6b16bbbd69b2ee476dc4f83a
	$(document).ready(function(){
		$("#btn").click(function(){
			$.get("testGet.php",{web:"www.phpddt.com"},function(data,textStatus){
				$("#result").append("data:"+data);
				$("#result").append("0c6dc11e160d3b678d68754cc175188atextStatus:"+textStatus);
			});		
		});
	});
2cacc6d41bbb37262a98f745aa00fbf0
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
6bb7346ab001b287e8a5b8175c11e705
c1a436a314ed609750bd7c7d319db4da显示的内容如下:2e9b454fa8428549ca2e64dfac4625cd
c1757100b96bd3b4b5f5016cda91308f94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

ajax讀取properties步驟詳解

jquery ajax提交form表單方法總結

#

以上是jQuery+ajax使用get()函數讀取頁面步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn