Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery - AJAX get() 和 post() 方法


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


HTTP 请求:GET 与 POST

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

  • GET - 从指定资源请求数据
  • POST - 提交数据到指定资源进行处理

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

POST 也可用于从服务器获取一些数据。但是,POST 方法从不缓存数据,并且通常用于与请求一起发送数据。

要了解更多关于 GET 和 POST,以及这两种方法之间的区别,请阅读我们的 HTTP 方法 GET 与 POST 章节。


jQuery $.get() 方法

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

语法

$.get(URL,callback);

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

可选的 callback 参数是要在请求成功时执行的函数的名称。

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

示例

$("button").click(function(){
  $.get("demo_test.asp", function(data, status){
    alert("数据: " + data + "\n状态: " + status);
  });
});
尝试一下 »

$.get() 的第一个参数是我们想要请求的 URL ("demo_test.asp")。

第二个参数是一个回调函数。第一个回调参数包含请求页面的内容,第二个回调参数包含请求的状态。

提示:以下是 ASP 文件的结构 ("demo_test.asp")

<%
response.write("这来自外部 ASP 文件的一些文本。")
%>


jQuery $.post() 方法

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

语法

$.post(URL,data,callback);

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

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

可选的 callback 参数是要在请求成功时执行的函数的名称。

以下示例使用 $.post() 方法与请求一起发送一些数据

示例

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name: "唐老鸭",
    city: "鸭堡"
  },
  function(data, status){
    alert("数据: " + data + "\n状态: " + status);
  });
});
尝试一下 »

$.post() 的第一个参数是我们想要请求的 URL ("demo_test_post.asp")。

然后我们传入一些要与请求一起发送的数据(姓名和城市)。

"demo_test_post.asp" 中的 ASP 脚本读取参数、处理参数并返回结果。

第三个参数是一个回调函数。第一个回调参数包含请求页面的内容,第二个回调参数包含请求的状态。

提示:以下是 ASP 文件的结构 ("demo_test_post.asp")

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("亲爱的 " & fname & ". ")
Response.Write("希望你在 " & city & " 生活愉快。")
%>

jQuery AJAX 参考

有关所有 jQuery AJAX 方法的完整概述,请访问我们的 jQuery AJAX 参考


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.