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

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

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

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

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

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

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

然見建立ajax.html文件:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>php點點通 - 關注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="測試" id="btn" />
<h2>顯示的內(nèi)容如下：</h2>
<div id="result"></div>
</body>
</html>

測試前的初始頁面是：

點擊測試后的結(jié)果是：

您可能感興趣的文章:

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