get()関数を使ってjQuery+ajaxでページを読み込む手順を詳しく解説-jsチュートリアル-php.cn

get()関数を使ってjQuery+ajaxでページを読み込む手順を詳しく解説

php中世界最好的语言

リリース： 2018-04-25 15:11:02

オリジナル

2311 人が閲覧しました

今回はjQuery+ajaxでget()関数を使ってページを読む手順を詳しく解説していきます。次に実際のケースを見てみましょう。まず get() 関数を紹介します:

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

ログイン後にコピー

パラメータの説明:

url: ロードされるページの URL アドレス

data: 送信されるキー/値パラメータ。

callback: 読み込みが成功したときの
コールバック関数
。
type: コンテンツ形式、xml、html、script、json、text、_default を返します。まず、testGet.php インスタンスを作成します:

<?php
$web = $_GET[&#39;webname&#39;];
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中国語サイトにあります！

推奨読書:

Ajaxプロパティ読み取り手順の詳細な説明