2.jQuery中的Ajax的get与post请求

已于 2023-03-01 10:08:16 修改
阅读量2.6k 收藏 6
点赞数 3
分类专栏： Ajax笔记 文章标签： ajax
于 2022-10-25 10:36:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/potato123232/article/details/127508763
版权

目录

1  GET请求

1.1  不带参数的请求

1.2  带参数的请求

2  POST请求

3  $.ajax()

4  $.ajax()请求后的回调函数

4.1  error函数

4.2  complete函数

5  $.ajax添加请求头

6  $.ajax发送Formdata

1  GET请求

在浏览器中输入地址然后敲下回车相当于发送了一个get请求，get请求常用于从服务端拿数据

jQuery中发get请求的函数如下

1.1  不带参数的请求

我们先看一下服务端的内容

  • cross_origin是避免跨域问题的，跨域问题要么在前端解决要么在后端解决，我们现在后端解决跨域问题，后面如果有机会会介绍一些如何在前端解决跨域问题

之后前端进行请求

  • 192.168.22.6是我本机的IP，如果写127.0.0.1也是可以的
  • result是形参，使用什么名称都可以，内容是响应的数据

1.2  带参数的请求

客户端传一个参数进去，然后将你传入的参数+1，然后再返回给客户端

请求代码

2  POST请求

post请求常用于向服务端提交数据

服务

请求

3  $.ajax()

综合请求函数$.ajax()可以发get请求也可以发post请求

服务，如果是POST请求就将传入的数据+1然后返回，如果是GET请求就将传入的数据+2然后返回

我们先用GET请求

再用POST请求

4  $.ajax()请求后的回调函数

在jQuery的Ajax中有三个请求后常用的回调函数

  • success 请求成功时执行的回调函数
  • error 请求失败时执行的回调函数
  • complete 无论请求成功还是失败都会执行的回调函数

这三个函数可以同时写出来，彼此不冲突

我们上面使用过success，这里我们使用其他两个

我们下面简单用一下

4.1  error函数

error有三个常用参数

  • jqHXR是一个XMLHttpRequest对象，我们可以通过这个对象得到状态码这种信息
  • textStatus 错误信息，比如timeout
  • errorThrown 错误HTML信息，比如 Not Found，Internal Server Error.

我们下面简单用一下

下面的情况用的不是同一个服务

我现在没开服务，发请求，等待一段时间后会出现下面这些信息

再比如我出现了404

跨域

4.2  complete函数

有两个常用的参数

  • jqHXR是一个XMLHttpRequest对象，我们可以通过这个对象得到状态码这种信息
  • textStatus 描述请求状态的字符串，比如 success,error,timeout这些

我们先看成功时的情况

再看失败时的情况

5  $.ajax添加请求头

给headers值，多个请求头用逗号隔开

6  $.ajax发送Formdata

发送Formdata的时候要加上这两句，不然会报错

Suyuoa
关注
专栏目录
jQuery篇——Ajax基础之get请求
weixin_45273807的博客
08-11 424
什么是Ajax? AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。(属于前端而不是后端) 那如何使用Ajax呢？掌握以下五步，你就掌握了Ajax！ 创建一个异步对象 var xmlhttp=new XMLHttpRequest(); 设置请求方式和请求地址：.open方法，传入三个参数 method：请求的类型；GET 或 POST url：文件在服务器上的位置 ...
自动化测试面试题
qq_42610167的博客
09-24 3251
面试题 1，浏览器输入 l url 按回车背后经历了哪些？ 1.在 PC 浏览器的地址栏输入一串 URL，然后按 Enter 键这个页面渲染出来，这 个过程中都发生了什么事? 1、首先，在浏览器地址栏中输入 url，先解析 url，检测 url 地址是否合法 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在 屏幕中显示页面内容。若没有，则跳到第三步操作。 浏...
jQuery的ajax get请求方式
最新发布
听海边涛声
09-10 548
jQuery的ajax get请求方式
jquery的AJAX的GET 请求
m0_51281306的博客
04-04 4735
$.get() • GET 请求快捷方法 • $.get(url, data, callback) <script src="js/jquery-1.12.4.min.js"></script> <script> // 发送 get 请求 // $.ajax({ // url: "http://localhost:3000/comments", // type: "get", // dataType:...
jQuery - AJAX get() 和 post() 方法
xinliuqianxue的博客
12-24 615
**jQuery - AJAX get() 和 post() 方法**jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求：GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上用于从服务器获得（取
jquery中AJAX请求 $.post方法的使用
10-23
jQuery中的$.post方法是实现AJAX（异步JavaScript和XML）通信的一种简便方式。通过$.post方法，开发者可以轻松地以POST方式向服务器发送数据，并接收服务器返回的信息。 $.post方法的特点在于它是一种异步的请求...
jquery中get,post和ajax方法的使用小结
12-03
在JavaScript的库jQuery中，`get`、`post`和`ajax`方法是用于与服务器进行异步数据交互的关键函数，通常用于实现AJAX（Asynchronous JavaScript and XML）技术。这些方法允许我们在不刷新整个页面的情况下更新部分...
Jquery中ajax提交表单几种方法(get、post两种方法)
12-04
在jQuery中，Ajax提交表单是常见的数据交互方式，它允许我们在不刷新页面的情况下与服务器交换数据并更新部分网页内容。主要使用到的两种方法是GET和POST，这两种方法各有特点，适用于不同的场景。 首先，GET方法是...
jQuery中Ajax的get、post等方法详解
12-02
在jQuery中，Ajax技术是用于实现页面异步更新的关键，它可以使得网页在不重新加载整个页面的情况下与服务器交换数据并局部更新。`load()`方法是最基础的Ajax操作，主要用于加载服务器上的HTML片段，但它的功能相对...
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
10-25
本文重点是来讲讲jQuery中调用ajax的4种方法：$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识，或者没有ajax的概念，那么请先去问问度娘，再来读本文。
JQueryAjaxGet请求
weixin_42280507的博客
02-20 211
&lt;?php echo json_encode(["name"=&gt;"ljb"]); 123
jQuery中Ajax的$.get()、$.post()、$.ajax()函数
欢迎来到长风沛雨的博客
10-12 6357
（笔记，黑马Ajax的教程day01）浏览器中提供的所以jQuery 对 XMLHttpRequest 进行了封装，提供了一系列的 Ajax相关的函数，极大的jQuery中发起Ajax请求最常用的三个方法如下↓。
jquery 发get post请求
elesos.com
08-17 281
https://www.cnblogs.com/summers/p/3225375.html     POST 方法不会缓存数据   $.get(URL,callback); 2个参数  callback 参数是请求成功后所执行的函数名。   $("button").click(function(){ $.get("demo_test.asp",function(data,stat...
jquery方式发送get请求
彼岸迷离博客
09-23 6315
function ajax2() { //jquery方式 get请求 $.ajax({ type:"GET", url:"ajaxServlet", // data:"username=王方", data:{"username":"老李"}, async:true, cache:true, dataType:"t.
jquery+get(.java)方法_jQuery中ajax的get()方法用法实例
weixin_39759589的博客
02-28 173
本文实例讲述了jQuery中ajax的get()方法用法。分享给大家供大家参考。具体分析如下：$.get()通过 HTTP GET请求从服务器上请求数据。语法结构:$.get(url, [data], [callback], [type]);参数解析:1.URL:必须，规定请求的URL。2.data:可选，待发送 Key/value 参数。3.callback:可选，请求成功后所执行的回调函数。4...
Javascript：jQuery的ajax请求get请求模板
彭世瑜的博客
09-07 3180
$.ajax({ type: &amp;amp;amp;amp;quot;GET&amp;amp;amp;amp;quot;, url: &amp;amp;amp;amp;quot;/json&amp;amp;amp;amp;quot;, dataType: &amp;amp;amp;amp;quot;json&amp;amp;amp;amp;quot;, success: function (data) { /
jQuery-Ajax的get()和post()方法——最简单易懂讲解
m0_37510446的博客
05-17 926
建议大家在学习之前，若对于get和post方法不够了解的可以去看我之前对于get和post方法的详细总结，了解之后，再看这篇文章，看起来更加易懂 GET方法和POST方法详解对比（有实际例子，看起来简单易懂） 好了，接下来进入正题： 一，get方法 $.get(URL,callback); 同样，首先来了解它的参数：URL为必须，callback为可选， 例子：使用$.get()方法从服务器上的...
jquery ajax get实例,jquery ajax get实例与详细教程
weixin_39564510的博客
08-06 446
jquery.get( url, [ data ], [ callback(data, textstatus, xmlhttprequest) ], [ datatype ] )returns: xmlhttprequesturl 字符串，其中包含的url的请求被发送。data 地图或字符串发送到与请求的服务器。callback(data, textstatus, xmlhttprequest)，...
jQuery+Koa2实现Ajax请求：GET与POST示例
本文将介绍如何使用jQuery与Koa2框架来实现简单的Ajax请求，包括GET和POST两种方法。文章提供了完整的示例代码，帮助读者深入理解前后端交互的工作原理。 在前端部分，我们利用jQuery库来发起Ajax请求。jQuery简化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Suyuoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值