jQuery ajax_get_post



jQuery get() 和 post() 方法用于请求的数据从一个HTTP服务器,使用GET或POST请求。


HTTP 请求: GET vs. POST

客户端和服务器之间的请求响应的两种常用方法是: GET 和 POST.

  • GET - 从指定资源请求数据
  • POST - 将要处理的数据提交到指定的资源

GET 基本上只用于从服务器获取(检索)一些数据. 注意:GET方法可以返回缓存数据。

POST 也可以用来从服务器获取一些数据。然而,POST方法从不缓存数据,并且经常被用于发送数据。

要了解更多关于GET和POST,以及两种方法之间的差异, 请阅读我们的HTTP Methods GET vs POST一章.


jQuery $.get() 方法

$.get() 方法使用HTTP GET请求从服务器请求数据.

语法:

$.get(URL,callback);

必需的URL参数指定要请求的URL

可选的callback参数是如果请求成功执行的函数的名称。

下面的实例使用 $.get() 方法从服务器上的文件检索数据:

$("button").click(function(){
    $.get("demo_test.php", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

让我试试

$.get()的第一个参数是我们希望请求数据的URL("demo_test.php").

第二个参数是回调函数。第一个回调参数保存请求的页的内容,第二个回调参数保持请求的状态。

提示: 下面是php文件的样子 ("demo_test.php"):

<?php
response.write("This is some text from an external ASP file.")
?>

jQuery $.post() 方法

$.post() 使用HTTP POST方法从服务器请求数据.

语法:

$.post(URL,data,callback);

必需的URL参数指定要请求的URL.

可选的data参数指定一些数据一起发送请求。

可选的callback参数是如果请求成功执行的函数的名称。

下面实例使用$.post()方法发送数据:

$("button").click(function(){
    $.post("demo_test_post.asp",
    {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

让我试试

$.post()的第一个参数是我们希望请求数据的URL("demo_test_post.php").

我们使用请求传输一些数据 (name 和 city).

在php脚本中 "demo_test_post.php" 读取参数,处理参数,并返回结果。

第三个参数是回调函数。第一个回调参数保存请求的页的内容,第二个回调参数保持请求的状态。

提示: 下面是php文件的样子 ("demo_test.php"):

<?php
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
?>