快捷導(dǎo)航

jQuery中通過(guò)ajax的get()函數(shù)讀取頁(yè)面的方法

更新時(shí)間：2016年02月29日 21:45:27 投稿：mdxy-dxy

這篇文章主要介紹了jQuery中通過(guò)ajax的get()函數(shù)讀取頁(yè)面的方法,需要的朋友可以參考下

首先介紹get()函數(shù)：

url,[data],[callback],[type]

參數(shù)說(shuō)明：
url:待載入頁(yè)面的URL地址
data:待發(fā)送 Key/value 參數(shù)。
callback:載入成功時(shí)回調(diào)函數(shù)。
type:返回內(nèi)容格式，xml, html, script, json, text, _default。
首先建立testGet.php實(shí)例：

<?php
$web = $_GET['webname'];
echo "你現(xiàn)在訪問(wèn)的網(wǎng)站是：".$web;
?>

然見(jiàn)建立ajax.html文件:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>php點(diǎn)點(diǎn)通 - 關(guān)注php開發(fā)，提供專業(yè)web開發(fā)教程! </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="測(cè)試" id="btn" />
<h2>顯示的內(nèi)容如下：</h2>
<div id="result"></div>
</body>
</html>

測(cè)試前的初始頁(yè)面是：

點(diǎn)擊測(cè)試后的結(jié)果是：

您可能感興趣的文章:

相關(guān)文章

文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）
文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）,需要的朋友可以參考下
2012-04-04
jQuery中each遍歷的三種方法實(shí)例分析
這篇文章主要介紹了jQuery中each遍歷的三種方法,結(jié)合實(shí)例形式分析了jQuery使用each遍歷DOM元素的相關(guān)操作技巧,并附帶了一個(gè)綜合實(shí)例給予總結(jié)說(shuō)明,需要的朋友可以參考下
2018-09-09
jQuery自定義事件的簡(jiǎn)單實(shí)現(xiàn)代碼
本篇文章只要是對(duì)jQuery自定義事件的簡(jiǎn)單實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
jQuery的deferred對(duì)象使用詳解
deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。在英語(yǔ)中，defer的意思是"延遲"，所以deferred對(duì)象的含義就是"延遲"到未來(lái)某個(gè)點(diǎn)再執(zhí)行。
2016-09-09
詳解ECharts使用心得總結(jié)
這篇文章主要介紹了詳解ECharts使用心得總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12
jquery input checked全選與反選1.3.2的版本
jquery 全選與反選1.3.2的版本
2009-05-05
jQuery $.extend()用法總結(jié)
這篇文章主要介紹了jQuery $.extend()用法,需要的朋友可以參考下
2014-06-06
基于jQuery的自動(dòng)完成插件
感覺(jué)這個(gè)東西很常用，很多其它js框架里有，但是太大了，用不了太多，自己寫了個(gè)。需要的朋友可以參考下。
2011-02-02
jquery+ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)效果簡(jiǎn)單示例
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)效果,結(jié)合實(shí)例形式分析了jQuery結(jié)合ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-01-01
jQuey將序列化對(duì)象在前臺(tái)顯示地實(shí)現(xiàn)代碼(方法總結(jié))
本文給大家分享jQuey將序列化對(duì)象在前臺(tái)顯示地的幾種方式，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看看吧
2016-12-12