HTTP的报文与ajax基础知识详解

这次给大家带来HTTP的报文与ajax基础知识详解,使用HTTP报文与ajax基础知识的注意事项有哪些,下面就是实战案例,一起来看一下。

HTTP报文

客户端传递给服务器的内容 和 服务器传递给客户端的内容 都属于HTTP报文

  起始行:请求起始行  响应起始行

  首部:请求首部 响应首部 通用首部(请求和响应都有的) 自定义首部

  主体:请求主体  响应主体

客户端传递给服务器端数据:

  请求URL后面问号传参的方式传递给服务器  /getList?name=zhangsan&age=7

  设置请求的首部(设置请求头信息)

  设置请求主体,把传递给服务器的内容放在请求主体中传递给服务器

服务器端传递给客户端数据:

  设置响应头信息

  设置响应主体内容

Ajax : async javascript and xml 异步的JS和XML(可扩展的标记语言,在XML文件中使用的标签都是自己扩展的,利用自己扩展的有规则的标记来存储相关的数据)

  Ajax是客户端JS中的方法,用来向服务端发送请求(还可以传递给服务器端数据),然后把服务器端返回的内容获取到(Ajax一般是运行在客户端的浏览器中的)。

Ajax四步:

创建一个Ajax对象(下面的这种写法在IE6及更低版本的浏览器中不支持)

var xhr = new XMLHttpRequest;

登录后复制

发送前的基本信息配置:配置请求方式(GET、POST、PUT、DELETE、HEAD…)

打开一个URL地址(配置向哪一个服务器地址发送请求)

同步还是异步(true代表异步 false代表同步 默认是true)

[username]向服务器提供请求的用户名

[userpass]向服务器提供请求的用户密码,这两个值一般都不写,只有服务器做了安全的限制,只允许特定的用户访问的话,我们才传递过去

xhr.open('get',"/data.txt",false,[username],[userpass]);

登录后复制

给onreadystatechange这个事件绑定一个方法,监听状态的改变(只要状态改变,就触发方法执行)

xhr.onreadystatechange = function(){

登录后复制

  xhr.readyState:AJAX状态码,可以代表当前处理的进度

  0 unset 当前的请求还没有发送

  1 opened URL地址已经打开(发送前的参数配置已经完成)

  2 headers_received 响应头信息已经接受

  3 loading 主要返回的内容正在服务器端进行准备处理

  4 done 响应主体的内容已经成功返回给客户端

  xhr.status:HTTP网络状态码,描述了服务器响应内容的状态

  200 OR ^2d{2} (200或者以2开头) -> 都代表响应主体的内容已经成功返回了

  301  永久重定向/永久转移

  302 临时重定向/临时转移 服务器的负载均衡

  304 本次获取的内容是读取缓存中的数据

  400 客户端传递给服务器端的参数出现错误

  401 无权限访问

  404 客户端访问的地址不存在

  500 未知的服务器错误

  503 服务器已经超负荷

  if(xhr.readyState===4 && /^2d{2}$/.test(xhr.status)){    var val = xhr.responseText;  }}

登录后复制

发送请求:参数是请求主体中传递给服务器的内容

xhr.send(null);

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Ajax+node js multer做出文件上传的功能

Ajax实现检测网站劫持的方法

以上就是HTTP的报文与ajax基础知识详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777136.html

(0)
上一篇 2025年3月8日 15:01:02
下一篇 2025年3月8日 15:01:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Ajax的实现异步刷新详解

    这次给大家带来Ajax的实现异步刷新详解,Ajax实现异步刷新的注意事项有哪些,下面就是实战案例,一起来看一下。 所谓的异步刷新,就是不刷新整个网页进行更新数据。 只有通过js才能实现Ajax,进而实行异步刷新 表单提交数据和Ajax提交数…

    2025年3月8日
    200
  • Ajax方法实现Form表单提交的方法

    这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下。 写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的…

    编程技术 2025年3月8日
    200
  • 使用Ajax时出现乱码怎么解决

    这次给大家带来使用Ajax时出现乱码怎么解决,解决使用Ajax时出现乱码的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax的全称是asynchronous javascript and XML ,它是异步的js和XML。它是局部刷…

    编程技术 2025年3月8日
    200
  • 二次封装jquery ajax如何实现

    这次给大家带来二次封装jquery ajax如何实现,实现二次封装jquery ajax的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 Ajax 的全称是Asynchronous JavaScript and XML 异步的jav…

    编程技术 2025年3月8日
    200
  • 原生ajax与封装的ajax使用方法(附代码)

    这次给大家带来原生ajax与封装的ajax使用方法(附代码),使用原生ajax与封装的ajax的注意事项有哪些,下面就是实战案例,一起来看一下。 当我们不会写后端接口来测试ajax时,我们可以使用node环境来模拟一个后端接口。 1、模拟后…

    2025年3月8日 编程技术
    200
  • 用history让ajax支持前进/后退/刷新

    这次给大家带来用history让ajax支持前进/后退/刷新,用history让ajax支持前进/后退/刷新的注意事项有哪些,下面就是实战案例,一起来看一下。 前言: 现在前后端基本都是通过ajax实现前后端接口数据的交互,但是,ajax有…

    2025年3月8日
    200
  • AJAX跨域请求数据方法归纳(实战讲解)

    这次给大家带来AJAX跨域请求数据方法归纳(实战讲解),AJAX跨域请求数据的注意事项有哪些,下面就是实战案例,一起来看一下。 由于浏览器的同源策略 ajax请求不可以接收到请求响应回来的数据  请求数据需要调用浏览器的内置构造函数 XML…

    编程技术 2025年3月8日
    200
  • 使用Ajax安全的登录界面

    这次给大家带来使用Ajax安全的登录界面,使用Ajax登录界面的注意事项有哪些,下面就是实战案例,一起来看一下。 登录界面是信息系统提供的必备的功能,是提供给用户提供维护信息的接口。接下来,我来带领大家打造一个漂亮、安全的登录界面,使用的技…

    2025年3月8日
    200
  • ajax做出带百分比的进度条(附代码)

    最近做项目遇到这样的需求要求当进行文件长传保存等操作时,能在页面显示一个带百分比的进度条,给用户一个好的交互体验,下面通过实例代码给大家介绍基于ajax实现带百分比进度条效果,需要的的朋友参考下吧 需求:当进行文件长传保存等操作时,能在页面…

    2025年3月8日
    200
  • AJAX与JavaScript的使用详解

    这次给大家带来AJAX与JavaScript的使用详解,AJAX与JavaScript使用的注意事项有哪些,下面就是实战案例,一起来看一下。 AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous J…

    2025年3月8日
    200

发表回复

登录后才能评论