【AJAX】第二部分 HTTP相关问题

已于 2022-08-11 15:38:03 修改
阅读量126 收藏
点赞数 1
分类专栏： AJAX 文章标签： vue.js javascript http ajax
于 2022-03-05 16:04:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Trees__/article/details/123296136
版权

【AJAX】第二部分 HTTP相关问题

文章目录

2. HTTP相关问题


2.1 MDN关于HTTP的文档

MDN关于HTTP的文档


2.2 HTTP请求交互的过程

在这里插入图片描述

  1. 前后应用从浏览器端向服务器发送HTTP 请求(请求报文)
  2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文)
  3. 浏览器端接收到响应, 解析显示响应体/调用监视回调

2.3 HTTP请求报文

在这里插入图片描述

重点在于格式和参数：

行   GET / product_detail?id=2  HTTP/1.1

头    Host: www.baidu.com

​    	Cookie: BAIDUID=AD3B0FA706E;

 		  BIDUPSID=AD3B0FA706;

​     Content-Type: application/x-www-form-urlencoded 或者application/json

空行

体    username=tom&pwd=123

2.4 HTTP响应报文

在这里插入图片描述

重点在于格式和参数：

行    HTTP/1.1  200  OK

头    Content-Type: text/html;

​     charset=utf-8Set-Cookie: BD_CK_SAM=1;path=/

空行

体   <html>

​			<body>

​						<h1></h1>

​			</body>

​	  </html>

2.5 常见的响应状态码

    200   OK 请求成功。一般用于GET 与POST 请求
    201   Created 已创建。成功请求并创建了新的资源
    401   Unauthorized 未授权/请求要求用户的身份认证
    404   Not Found 服务器无法根据客户端的请求找到资源
    500    Internal Server Error 服务器内部错误，无法完成请求

2.6 不同类型的请求及其作用

  1. GET: 从服务器端读取数据（查）
  2. POST: 向服务器端添加新数据 （增）
  3. PUT: 更新服务器端已经数据 （改）
  4. DELETE: 删除服务器端数据 （删）

总结

以上就是今天要讲的内容，本文介紹了 HTTP相关问题，希望对大家有所帮助！

Tree_wws
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Ajax】HTTP相关问题-GET-POST-XHR使用-jQuery中的ajax-跨域-同源-jsonp-cors
YK菌的博客
02-23 3万+
文章目录1. Ajax概述1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点2. 原生AJAX 的基本使用2.0 准备工作2.1 核心对象2.2 使用步骤2.3 使用案例1. GET 请求设置请求参数2. POST请求2.4 解决IE 缓存问题2.5 AJAX 请求状态3. jQuery 中的AJAX3.1 get 请求3.2 post 请求4. 跨域4.1 同源策略4.2 如何解决跨域4.2.1 JSONP4.2.2 CORS 1.
jQuery ajax请求两次问题,jquery ajax请求了两次问题
weixin_39633171的博客
08-05 1269
页面有一个请求form：订单编号用户帐户发货状态请选择未发送已发送查询JavaScript请求部分：function showdatalist(){var username = $("#username").val();var orderid = $("#oid").val();var sendStatus = $("#sendStatus").val();var data = {"usernam...
axios使用分析
牛先森家的博客
10-28 1026
axios 从入门到源码分析axios 从入门到源码分析第 1 章：HTTP 相关1.1. MDN 文档1.2. HTTP1.3. HTTP 请求报文1.4. HTTP 响应报文1.5. post 请求体参数格式1.6. 常见的响应状态码1.7. 不同类型的请求及其作用1.8. API 的分类1.9. 使用 json-server 搭建 REST API第 2 章：XHR 的理解和使用2.1. MDN2.2. 理解2.3. 区别一般 http 请求与 ajax 请求2.4
jq ajax 第二次无效,jquery+ajax局部刷新部分js失效怎么解决
weixin_30667487的博客
08-06 264
满意答案fgfhd56lz2017.11.04采纳率：56%等级：6已帮助：306人楼主看我的$("#_b").click(function () { $.ajax({ type: "POST", url: "youaction.action", data: "name=" + var1 + "&time=" + var2, dataTyp...
ajax第二次请求无效,ajax点击事件第一次无效，第二次有效，但是其他事件又出现问题。...
weixin_31530761的博客
08-05 542
我在练习做一个网页的时候，做了一个滚动条。内有若干小图片在内滚动，点击滚动条里的图片，触发以下两个事件：(1)在一个大div(bigcover)的img标记中显示滚动条点击的小图片(2)在另外一个中通过ajax请求相应的txt文档内容。这时出现问题：(1)首次点击滚动条内的小图，图片可以切换，但是里的内容没有切换。(2)再点击该小图，里的内容切换成功。(3)滚动条内，bigcover内的图片默认为...
入手Ajax最好的文章---第一部分
rainux
07-07 1286
Code Is Never Die 今天我们一起揭开Ajax的神秘面纱！ 客户端与服务器（⭐⭐⭐） 上网的目的 上网的本质目的：通过互联网的形式来获取和消费资源 服务器 上网过程中，负责 存放和对外提供资源 的电脑，叫做服务器 客户端 在上网过程中，负责 获取和消费资源 的电脑，叫做客户端 URL地址的概念&组成 URL的概念 URL（全称是 UniformResourceLocator） 中文叫 统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资
谈谈XMLHttpRequest实现Ajax与跨域问题
弟弟的博客
01-20 1463
文章目录一、XMLHttpRequest对象后端准备实现一个简易的ajax请求1.open()2.xhr.readyState3.xhr.onreadystatechange()4.xhr.status5.send()二、同源策略与跨域1.什么是跨域?2.同源策略三、实现跨域的几种方式1.JSONP实现跨域JSONP原理JSONP实现2.CORS服务端支持对于简单请求对于非简单请求注意3.HTTP代理(http proxy) 本文以使用一个XMLHttpRequest对象发起GET请求开始，探讨同源策略与跨
Ajax跨域问题分析
Darryl Cao的博客
08-02 208
前言 从刚接触前端开发起，跨域这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么，于是现在重新梳理了一下。 个人见识有限，如有差错，请多多见谅，欢迎提出issue，另外看到这个标题，请勿喷~ 题纲 关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"中的一部分,其它的还有C...
AJAX之跨域问题
少不入川。的博客
08-22 2046
跨域简单的说，就是从一个域名的网页去访问另一个域名网页的资源。通过超链接或者form表单提交或者window.location.href的方式进行跨域是不存在问题的。但在一个域名的网页中的一段js代码发送ajax请求去访问另一个域名中的资源，由于的存在导致无法跨域访问，那么ajax就存在这种跨域问题。如果协议一致，域名一致，端口号一致，三个要素都一致，才是同源，其它一律都是不同源接下来我们来谈谈ajax中存在的跨域问题如何解决。
AJAX开发简略(第二部分)
02-04
七、AJAX开发到这里，已经可以清楚的知道AJAX是什么，AJAX能做什么，AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改进的话，那么继续看看怎么使用AJAX吧。7.1、AJAX应用到的技术AJAX涉及到的7项技术中...
AJAX开发简略 (第二部分)
12-11
七、AJAX开发　到这里，已经可以清楚的知道AJAX是什么，AJAX能做什么，AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改进的话，那么继续看看怎么使用AJAX吧。7.1、AJAX应用到的技术　AJAX涉及到的7项...
掌握Ajax，第2部分:使用JavaScript和Ajax发出异步请求
03-03
有了Ajax和XMLHttpRequest对象，就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中，BrettMcLaughlin介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例，建立和发送请求，并响应服务器。本系列的上...
结合Ajax进行PHP开发，第2部分:后退、前进和刷新
02-04
“结合Ajax进行PHP开发”系列包括两部分，第1部分创建了Ajax相册应用程序，这一部分我们将使用JavaScript为其建立一个历史堆栈（historystack）。这个堆栈以Web浏览器中的历史记录工具为蓝本，为该应用程序提供后退...
vite+ts+mock+vue-router+pinia实现vue的路由权限
最新发布
beekim的博客
05-20 245
vite.config.ts配置。
Vue3选项式和组合式生命周期说明
weixin_44072254的博客
05-16 531
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
vue中computed计算属性
luna_H的博客
05-19 269
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})写法：监听的属性名(新值,旧值){}2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，1.computed能做到的watch都可以，watch能做到的computed不一定能。
vue中的事件
weixin_43390711的博客
05-16 184
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1184
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue ajax请求
03-31
而Ajax是一种用于在后台与服务器进行异步信的技术，可以在不刷新整页面的情况下更新部分页面内容。 在Vue中Ajax请求可以通过使用Vue的内置方法或者第三方库来实现。Vue内置了一个名为`axios`的库，它是一个基于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值