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

  301  永久重定向/永久转移

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

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

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

  401 无权限访问

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

  500 未知的服务器错误

  503 服务器已经超负荷

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

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

xhr.send(null);

总结

以上所述是小编给大家介绍的HTTP报文及ajax基础知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-09-26 01:31:05

HTTP报文及ajax基础知识的相关文章

[ajax基础知识]js事件触发大全

js|事件触发|ajax onactivate                        当对象设置为活动元素时触发. onbeforeactivate                  对象要被设置为当前元素前立即触发. onbeforecut                       当选中区从文档中删除之前在源对象触发. onbeforedeactivate                在 activeElement 从当前对象变为父文档其它对象之前立即触发. onbeforeed

JAVA AJAX教程第二章-JAVASCRIPT基础知识

开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用代码和事件汇总. 一.基础知识: 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,

Javascript 基础---Ajax入门必看_基础知识

Ajax 是现代Web 应用程序开发的一项关键工具.它让你能向服务器异步发送和接收数据,然后用 Javascript 解析. Ajax 是 Asynchronous JavaScript and XML (异步JavaScript 与XML)的缩写. Ajax 核心规范的名称继承于用来建立和发起请求的 Javascript 对象:XMLHttpRequest .这个规范有两个等级.所有主流浏览器都实现了第一级,它代表了基础级别的功能.第二级扩展了最初的规范,纳入了额外的事件和一些功能来让它更容易

网络传输协议(http协议)_基础知识

概述:指服务器和客户端间进行通信时的约束和规范,客户端与服务端的数据交互并不是杂乱无章的,需要遵照(基于)一定的规范进行 常见的协议: a) HTTP.HTTPS 超文本传输协议 b) FTP 文件传输协议 c) SMTP 简单邮件传输协议 本文主要介绍http超文本传输协议. 1.HTTP协议 即超文本传输协议,网站是基于HTTP协议的,例如网站的图片.CSS.JS等都是基于HTTP协议进行传输的.HTTP协议是由从客户机到服务器的请求(Request)和从服务器到客户机的响应(Respons

RESTful_基础知识

前言 本篇主要是RESTful的基础知识整理,主要是为了将要开始的Openstack架构主题做知识积累.理解好RESTful的设计思想无论是对学习Openstack架构还是Openstack Dashboard实现都是一件事半功倍的事情. RESTful REST(Representational State Transfer):是一种软件架构的设计风格,而不是一种标准.主要用于C/S架构的软件设计,也能很好的支持B/S架构,为软件设计提供了一组原则和约束条件,但这是原则和约束的条件均不具有标准

基础知识__WebService

基础知识__WebService 本文由 Luzhuo 编写,请尊重个人劳动成果,转发请保留该信息. 原文: http://blog.csdn.net/Rozol/article/details/50511873 微博: http://weibo.com/u/2524456400 这是一篇关于WebService的基础知识的整理 介绍 提供一种通过web方式访问的Api. 解决两个系统/应用之间的远程调用.(跨语言,跨平台) 简单应用(原理) New –> java project –> -

Ajax与《Ajax基础教程》

ajax|基础教程 <Ajax基础教程>是国际上第一部有关Ajax的图书.其中文版也是国内首部Ajax图书,即将由人民邮电出版社推出. <Ajax基础教程>图灵程序设计丛书 (美)Ryan Asleson Nathaniel T.Schutta著金灵等译 人民邮电出版社2006年1月 定价:35元 Ajax,Ajax,Ajax!请不要弄错了,我说的不是希腊史诗中的英雄,也不是那支享誉全球的梦幻荷兰足球俱乐部,更不是加拿大的某个地名.去问问身边的技术追新族,他会一脸不屑地告诉你:连A

Ajax基础教程(2)-使用XMLHttpRequest对象 2.9 小结

尽管Ajax风格的技术已经用了很多年,但直到最近XMLHttpRequest对象才得到现代浏览器的采纳,而这也为开发丰富的Web应用开启了一个新的时代.在本章中,我们讨论了Ajax核心(即XMLHttpRequest对象)的相关基础知识.我们了解了XMLHttpRequest对象的方法和属性,而且展示了使用XMLHttpRequest对象的简单示例.可以看到,这个对象相当简单,无需你考虑其中很多的复杂性.适当地使用JavaScript,再加上基本的DOM管理,Ajax可以提供高度的交互性,而这在

学习JavaScript的最佳方法分享_基础知识

学习新的东西是件可怕的事.对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么.鉴于此,定个计划,学习你感兴趣的东西应该会有用.这篇文章的主旨就是:你为学习JavaScript 制定的蓝图.路线.行动计划!你不必担心找不到最好的资源,先整理些不好的资源,再确定下一步该学什么.遵循它,一步一步来. 任务0:了解什么是JavaScript 在你真正开始学习JavaScript 之前,花一分钟了解一下什么是JavaScript,它有哪些功能. JavaScript不是jQuery.Flash或Ja