jQuery Ajax POST方法

Sends an asynchronous http POST request to load data from the server. Its general form is:

发送异步http POST请求以从服务器加载数据。 其一般形式为:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • url : is the only mandatory parameter. This string contains the adress to which to send the request. The returned data will be ignored if no other parameter is specified

    url:是唯一的必需参数。 此字符串包含向其发送请求的地址。 如果未指定其他参数,则将忽略返回的数据
  • data : A plain object or string that is sent to the server with the request.

    data:与请求一起发送到服务器的普通对象或字符串。
  • success : A callback function that is executed if the request succeeds.it takes as an argument the returned data. It is also passed the text status of the response.

    成功:如果请求成功执行的回调函数,它将返回的数据作为参数。 它还传递了响应的文本状态。
  • dataType : The type of data expected from the server. The default is Intelligent Guess (xml, json, script, text, html). if this parameter is provided, then the success callback must be provided as well.

    dataType:服务器期望的数据类型。 默认值为Intelligent Guess(xml,json,脚本,文本,html)。 如果提供了此参数,则还必须提供成功回调。

例子 (Examples)

$.post('http://example.com/form.php', {category:'client', type:'premium'});

requests form.php from the server, sending additional data and ignoring the returned result

从服务器请求form.php ,发送其他数据并忽略返回的结果

$.post('http://example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success");$("#mypar").html(response.amount);
});

requests form.php from the server, sending additional data and handling the returned response (json format). This example can be written in this format:

从服务器请求form.php ,发送其他数据并处理返回的响应(json格式)。 该示例可以用以下格式编写:

$.post('http://example.com/form.php', {category:'client', type:'premium'}).done(function(response){alert("success");$("#mypar").html(response.amount);
});

The following example posts a form using Ajax and put results in a div

以下示例使用Ajax发布表单并将结果放入div中

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>jQuery.post demo</title><script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body><form action="/" id="searchForm"><input type="text" name="s" placeholder="Search..."><input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div><script>
// Attach a submit handler to the form
$( "#searchForm" ).submit(function( event ) {// Stop form from submitting normallyevent.preventDefault();// Get some values from elements on the page:var $form = $( this ),term = $form.find( "input[name='s']" ).val(),url = $form.attr( "action" );// Send the data using postvar posting = $.post( url, { s: term } );// Put the results in a divposting.done(function( data ) {var content = $( data ).find( "#content" );$( "#result" ).empty().append( content );});
});
</script></body>
</html>

The following example use the github api to fetch the list of repositories of a user using jQuery.ajax() and put results in a div

以下示例使用github API使用jQuery.ajax()获取用户的存储库列表,并将结果放入div中

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>jQuery Get demo</title><script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body><form id="userForm"><input type="text" name="username" placeholder="Enter gitHub User name"><input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div><script>
// Attach a submit handler to the form
$( "#userForm" ).submit(function( event ) {// Stop form from submitting normallyevent.preventDefault();// Get some values from elements on the page:var $form = $( this ),username = $form.find( "input[name='username']" ).val(),url = "https://api.github.com/users/"+username+"/repos";// Send the data using postvar posting = $.post( url, { s: term } );//Ajax Function to send a get request$.ajax({type: "GET",url: url,dataType:"jsonp"success: function(response){//if request if made successfully then the response represent the data$( "#result" ).empty().append( response );}});});
</script></body>
</html>

jQuery.ajax() (jQuery.ajax())

$.post( url [, data ] [, success ] [, dataType ] ) is a shorthand Ajax function, equivalent to:

$.post( url [, data ] [, success ] [, dataType ] )是Ajax的简写功能,等效于:

$.ajax({type: "POST",url: url,data: data,success: success,dataType: dataType
});

$.ajax() provides way more options that can be found here

$.ajax()提供了更多可以在此处找到的选项

更多信息: (More Information:)

For more information, please visit the official website

欲了解更多信息,请访问官方网站

翻译自: https://www.freecodecamp.org/news/jquery-ajax-post-method/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/390838.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

spss23出现数据消失_改善23亿人口健康数据的可视化

spss23出现数据消失District Health Information Software, or DHIS2, is one of the most important sources of health data in low- and middle-income countries (LMICs). Used by 72 different LMIC governments, DHIS2 is a web-based open-source platform that is used…

01-hibernate注解:类级别注解,@Entity,@Table,@Embeddable

Entity Entity:映射实体类 Entity(name"tableName") name:可选&#xff0c;对应数据库中一个表&#xff0c;若表名与实体类名相同&#xff0c;则可以省略。 注意&#xff1a;使用Entity时候必须指定实体类的主键属性。 第一步&#xff1a;建立实体类&#xff1a; 分别…

leetcode 1707. 与数组中元素的最大异或值

题目 给你一个由非负整数组成的数组 nums 。另有一个查询数组 queries &#xff0c;其中 queries[i] [xi, mi] 。 第 i 个查询的答案是 xi 和任何 nums 数组中不超过 mi 的元素按位异或&#xff08;XOR&#xff09;得到的最大值。换句话说&#xff0c;答案是 max(nums[j] XO…

MySQL基础入门学习【2】数据类型

数据类型&#xff1a;指列、存储过程参数、表达式和局部变量的数据特征&#xff0c;它决定了数据的存储格式&#xff0c;代表了不同的信息类型 &#xff08;1&#xff09; 整型(按存储范围分类)&#xff1a;TINYINT&#xff08;1字节&#xff09; SAMLLINT&#xff08;2字节&am…

昆西·拉森的净资产是多少?

People ask me how much I get paid all the time. It comes up on podcast interviews, Quora questions, and face-to-face discussions.人们问我&#xff0c;我一直得到多少报酬。 它来自播客访谈&#xff0c;Quora问题和面对面的讨论。 And people search this question a…

COVID-19研究助理

These days scientists, researchers, doctors, and medical professionals face challenges to develop answers to their high priority scientific questions.如今&#xff0c;科学家&#xff0c;研究人员&#xff0c;医生和医学专家面临着挑战&#xff0c;无法为其高度优先…

Node.js umei图片批量下载Node.js爬虫1.00

这个爬虫在abaike爬虫的基础上改改图片路径和下一页路径就出来了&#xff0c;代码如下&#xff1a; // // umei图片批量下载Node.js爬虫1.00 // 2017年11月13日 //// 内置http模块 var httprequire("http");// 内置文件处理模块&#xff0c;用于创建目录和图片文件 v…

交通银行信息技术管理部副总经理张漫丽:交通银行“大数据+人工智能”应用研究...

文 | 交通银行信息技术管理部副总经理张漫丽 大数据隐含着巨大的社会、经济、科研价值&#xff0c;已引起了各行各业的高度重视。如果能通过人工智能技术有效地组织和使用大数据&#xff0c;将对社会经济和科学研究发展产生巨大的推动作用&#xff0c;同时也孕育着前所未有的机…

安软件一劳永逸_如何克服一劳永逸地公开演讲的恐惧

安软件一劳永逸If you’re like most people, the idea of public speaking terrifies you (it terrifies me too). So how do you get over those jitters, get up on stage, and give an amazing talk? First, a disclaimer: this article is purely about your stage prese…

Go语言实战 : API服务器 (8) 中间件

为什么需要中间件 我们可能需要对每个请求/返回做一些特定的操作&#xff0c;比如 记录请求的 log 信息在返回中插入一个 Header部分接口进行鉴权 这些都需要一个统一的入口。这个功能可以通过引入 middleware 中间件来解决。Go 的 net/http 设计的一大特点是特别容易构建中间…

缺失值和异常值的识别与处理_识别异常值-第一部分

缺失值和异常值的识别与处理&#x1f4c8;Python金融系列 (&#x1f4c8;Python for finance series) Warning: There is no magical formula or Holy Grail here, though a new world might open the door for you.警告 &#xff1a; 这里没有神奇的配方或圣杯&#xff0c;尽管…

SQL Server 常用分页SQL

今天无聊和朋友讨论分页&#xff0c;发现网上好多都是错的。网上经常查到的那个Top Not in 或者Max 大部分都不实用&#xff0c;很多都忽略了Order和性能问题。为此上网查了查&#xff0c;顺带把2000和2012版本的也补上了。 先说说网上常见SQL的错误或者说局限问题 12345select…

Word中摘要和正文同时分栏后,正文跑到下一页,怎么办?或Word分栏后第一页明明有空位后面的文字却自动跳到第二页了,怎么办?...

问题1&#xff1a;Word中摘要和正文同时分栏后&#xff0c;正文跑到下一页&#xff0c;怎么办&#xff1f;或Word分栏后第一页明明有空位后面的文字却自动跳到第二页了&#xff0c;怎么办&#xff1f; 答&#xff1a;在word2010中&#xff0c;菜单栏中最左侧选“文件”->“选…

leetcode 664. 奇怪的打印机(dp)

题目 有台奇怪的打印机有以下两个特殊要求&#xff1a; 打印机每次只能打印由 同一个字符 组成的序列。 每次可以在任意起始和结束位置打印新字符&#xff0c;并且会覆盖掉原来已有的字符。 给你一个字符串 s &#xff0c;你的任务是计算这个打印机打印它需要的最少打印次数。…

SQL数据类型说明和MySQL语法示例

SQL数据类型 (SQL Data Types) Each column in a database table is required to have a name and a data type. 数据库表中的每一列都必须具有名称和数据类型。 An SQL developer must decide what type of data that will be stored inside each column when creating a tab…

PHP7.2 redis

为什么80%的码农都做不了架构师&#xff1f;>>> PHP7.2 的redis安装方法&#xff1a; 顺便说一下PHP7.2的安装&#xff1a; wget http://cn2.php.net/distributions/php-7.2.4.tar.gz tar -zxvf php-7.2.4.tar.gz cd php-7.2.4./configure --prefix/usr/local/php…

leetcode 1787. 使所有区间的异或结果为零

题目 给你一个整数数组 nums​​​ 和一个整数 k​​​​​ 。区间 [left, right]&#xff08;left < right&#xff09;的 异或结果 是对下标位于 left 和 right&#xff08;包括 left 和 right &#xff09;之间所有元素进行 XOR 运算的结果&#xff1a;nums[left] XOR n…

【JavaScript】网站源码防止被人另存为

1、禁示查看源代码 从"查看"菜单下的"源文件"中同样可以看到源代码&#xff0c;下面我们就来解决这个问题&#xff1a; 其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。 <frameset> <frame src"你要保密的文件…

梯度 cv2.sobel_TensorFlow 2.0中连续策略梯度的最小工作示例

梯度 cv2.sobelAt the root of all the sophisticated actor-critic algorithms that are designed and applied these days is the vanilla policy gradient algorithm, which essentially is an actor-only algorithm. Nowadays, the actor that learns the decision-making …

共享语义 unix语义_语义UI按钮

共享语义 unix语义什么是语义UI按钮&#xff1f; (What are Semantic UI Buttons?) A button indicates a possible user action. Semantic UI provides an easy-to-use syntax that simplifies not only the styling of a button, but also the natural language semantics.按…