ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery の ajax get() 関数を使用してページを読み取る方法

jQuery_jquery の ajax get() 関数を使用してページを読み取る方法

WBOY
リリース: 2016-05-16 15:12:57
オリジナル
1285 人が閲覧しました

まず get() 関数を紹介します:

url,[データ],[コールバック],[タイプ]


パラメータの説明:
url: 読み込まれるページの URL アドレス
data: 送信されるキー/値パラメータ。
callback: ロード成功時のコールバック関数。
type: コンテンツ形式、xml、html、script、json、text、_default を返します。
まず、testGet.php インスタンスを作成します:

<&#63;php
$web = $_GET['webname'];
echo "你现在访问的网站是:".$web;
&#63;>
ログイン後にコピー

次に、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>
ログイン後にコピー

テスト前の最初のページは次のとおりです:

テストをクリックした後の結果は次のとおりです:

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート