jQuery - kaedah AJAX get()/post().


jQuery - kaedah AJAX get() dan post()

kaedah jQuery get() dan post() digunakan untuk HTTP GET atau POST meminta data permintaan daripada pelayan.

Permintaan HTTP: GET lwn. POST

Kedua-dua permintaan dibuat pada sisi klien dan pelayan -Kaedah tindak balas yang biasa ialah: GET dan POST.

GET - Minta data daripada sumber yang ditentukan

POST - Serahkan data untuk diproses kepada sumber yang ditentukan

GET pada asasnya digunakan untuk mendapatkan (mendapatkan semula) data daripada pelayan . Nota: Kaedah GET mungkin mengembalikan data cache.

POST juga boleh digunakan untuk mendapatkan data daripada pelayan. Walau bagaimanapun, kaedah POST tidak cache data dan sering digunakan untuk menghantar data bersama-sama dengan permintaan.

Untuk mengetahui lebih lanjut tentang GET dan POST serta perbezaan antara kedua-dua kaedah, baca Kaedah HTTP kami - GET lwn. POST.

kaedah jQuery $.get()

$ Kaedah .get() meminta data daripada pelayan melalui permintaan HTTP GET.

Sintaks:

$.get(URL,panggilan balik);

Parameter URL yang diperlukan menyatakan URL yang anda ingin minta.

Parameter panggil balik pilihan ialah nama fungsi yang akan dilaksanakan selepas permintaan berjaya.

Contoh berikut menggunakan kaedah $.get() untuk mendapatkan semula data daripada fail pada pelayan:

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.get("/try/ajax/demo_test.php",function(data,status){
			alert("数据: " + data + "\n状态: " + status);
		});
	});
});
</script>
</head>
<body>

<button>发送一个 HTTP GET 请求并获取返回结果</button>

</body>
</html>

Jalankan instance»

Klik butang "Run instance" untuk melihat contoh dalam talian

Parameter pertama $.get() ialah URL yang ingin kami minta ( "demo_test. php").

Parameter kedua ialah fungsi panggil balik. Parameter panggil balik pertama menyimpan kandungan halaman yang diminta, dan parameter panggil balik kedua menyimpan status permintaan.

Petua: Fail PHP ini ("demo_test.php") adalah serupa dengan ini:

<?php
echo 'Ini adalah data yang dibaca daripada fail PHP. ';

?>

kaedah jQuery $.post()

$.post() Kaedah meminta data daripada pelayan melalui permintaan HTTP POST.

Sintaks:

$.post(URL,data,callback);

Parameter URL yang diperlukan menyatakan URL yang ingin anda minta.

Parameter data pilihan menentukan data yang akan dihantar bersama permintaan.

Parameter panggil balik pilihan ialah nama fungsi yang akan dilaksanakan selepas permintaan berjaya.

Contoh berikut menggunakan $.post() untuk menghantar data bersama-sama dengan permintaan:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.post("/try/ajax/demo_test_post.php",{
			name:"菜鸟教程",
			url:"http://www.runoob.com"
		},
		function(data,status){
			alert("数据: \n" + data + "\n状态: " + status);
		});
	});
});
</script>
</head>
<body>

<button>发送一个 HTTP POST 请求页面并获取返回内容</button>

</body>
</html>

Berjalan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Parameter pertama untuk $.post() ialah URL yang ingin kami minta ("demo_test_post.php").

Kemudian kami menghantar data bersama permintaan (nama dan bandar).

Skrip PHP dalam "demo_test_post.php" membaca parameter ini, memprosesnya dan mengembalikan hasilnya.

Parameter ketiga ialah fungsi panggil balik. Parameter panggil balik pertama menyimpan kandungan halaman yang diminta, manakala parameter kedua menyimpan status permintaan.

Petua: Fail PHP ini ("demo_test_post.php") adalah serupa dengan ini:

<?php
$name = isset($_POST['name' ]) ? htmlspecialchars($_POST['name']) : '';
$city = isset($_POST['url']) ?htmlspecialchars($_POST['url']): '';
echo 'Nama tapak web: ' . $name;
echo "n";
echo 'Alamat URL: ' .$city;
?>