什么是HTTP请求?

就是从用户的浏览器端向服务器端发送请求

一个HTTP请求一般由四个部分组成

1.HTTP请求的方法或者动作,比如GET或者POST请求

2.请求的URL,也就是请求的地址

3.请求头,包含一些客户端环境信息,身法验证信息等等

4.请求体,也就是请求正文,正文中可以包含客户提交的查询字符串信息,表单信息等等

GET请求方式多用与信息的获取也就是查询数据,因为其是可见的,是通过url来传递数据的,所以由字数2000字符的限制

POST请求较为安全,是向服务器发送信息,就是从表单发送一些数据或者修改删除数据,同时发送信息也是没有限制的

HTTP响应一般由三个部分组成

1.一个数字和文字组成的状态码,用来显示请求是成功还是失败

2.响应头,包含一些服务器类型,日期时间,内容类型,长度等等。

3.响应体,就是响应的正文内容

一个完整的HTTP请求过程应该由七个步骤

1.建立TCP连接

2.Web浏览器向Web服务器发送请求命令

3.Web浏览器发送请求头信息

4.Web服务器应答(响应)

5.Web服务器发送应答头信息

6.Web服务器向浏览器发送数据

7.Web服务器关闭TCP连接

 通过XHR对象发送一个HTTP请求

open(method,url,async)

open (请求方式get/post,请求地址 ,异步/同步)

调用open方法就可以调用HTTP请求
 send(string)

string(参数)

get请求可以不填写,post方法需要填写参数

通过send方法把请求发送到服务器

创建XHR对象,然后调用其方法

request.open("GET","newPHP.php",true)

request.send()

request.open("POST","newPHP.php",true)

//设置HTTP头信息,告诉Web服务器,要发送一个表单信息

request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

request.send("name=陈弈迅&sex=男");

 
XHR获取服务器响应

通过XHR内的方法来获取

responseText:获得字符串形式的响应数据

responseXML:获得XML形式的数据

//通过Json的方式则更为简单,Json下次再写

status和 statusText:以数字和文本的形式返回HTTP状态码

getAllResponseHeader():获取所有响应的报头

getResponseHeader():查询响应中某个字段的值

readyState:在响应返回成功的时候得到通知

属性 = 0:请求未初始化,open还未被调用

     1:服务器连接已经建立,open已经被调用

     2:请求已经接收(已经接收到头信息)

     3:请求处理中(接收到响应主题)

     4:请求已经完成,响应已经完成

通过onreadystatechane监听事件,来确认服务器响应是否完成

 
 
 
 

Ajax_HTTP请求以及响应的更多相关文章

  1. Django底层剖析之一次请求到响应的整个流程

    As we all know,所有的Web应用,其本质上其实就是一个socket服务端,而用户的浏览器就是一个socket客户端. #!/usr/bin/env python #coding:utf- ...

  2. 初入网络系列笔记(4)HTTP请求和响应

    一.借鉴说明,本博文借鉴以下博文 1.starok,HTTP必知必会,http://www.cnblogs.com/starstone/p/4890409.html 2.CareySon,HTTP协议 ...

  3. http协议(二)请求和响应报文的构成

    http协议用于客户端和服务器之间的通信,请求访问资源的一方称为客户端,而提供资源响应的一方称为服务器端. 下面就是客户端和服务端之间简单的通信过程 PS:请求必须从客户端建立通信,服务端没收到请求之 ...

  4. iOS开发——网络篇——HTTP/NSURLConnection(请求、响应)、http响应状态码大全

    一.网络基础 1.基本概念> 为什么要学习网络编程在移动互联网时代,移动应用的特征有几乎所有应用都需要用到网络,比如QQ.微博.网易新闻.优酷.百度地图只有通过网络跟外界进行数据交互.数据更新, ...

  5. struts2基础——请求与响应、获取web资源

    一.请求与响应 Action1.含义:(1) struts.xml 中的 action 元素,也指 from 表单的 action 属性,总之代表一个 struts2 请求.(2) 用于处理 Stru ...

  6. 浏览器-Tomcat服务器-请求与响应

    浏览器访问服务器,本质就是请求资源. 比如请求静态资源:index.html,我们在浏览器地址栏输入:www.a.com/index.html,浏览器为了支持HTTP协议,发送的数据必须符合HTTP协 ...

  7. 写一个ActionFilter检测WebApi接口请求和响应

    我们一般用日志记录每次Action的请求和响应,方便接口出错后排查,不过如果每个Action方法内都写操作日志太麻烦,而且客户端传递了错误JSON或XML,没法对应强类型参数,请求没法进入方法内, 把 ...

  8. AngularJS 用 Interceptors 来统一处理 HTTP 请求和响应

    Web 开发中,除了数据操作之外,最频繁的就是发起和处理各种 HTTP 请求了,加上 HTTP 请求又是异步的,如果在每个请求中来单独捕获各种常规错误,处理各类自定义错误,那将会有大量的功能类似的代码 ...

  9. Http请求与响应格式

    原文:http://www.cnblogs.com/z941030/p/4699779.html Http协议对浏览器发出的Request格式以及对Web服务器发出的Response格式有具体的规定. ...

随机推荐

  1. 【LeetCode】Add Two Numbers(两数相加)

    这道题是LeetCode里的第2道题. 题目要求: 给出两个 非空 的链表用来表示两个非负的整数.其中,它们各自的位数是按照 逆序 的方式存储的,并且它们的每个节点只能存储 一位 数字. 如果,我们将 ...

  2. 在使用Cocos2d-JS 开发过程中需要用到的单体设计模式

    JavaScript 单体模式的一种实现 T.getInstance = (function () { var instance = null; return function () { return ...

  3. BNUOJ 5227 Max Sum

    Max Sum Time Limit: 1000ms Memory Limit: 32768KB   This problem will be judged on HDU. Original ID:  ...

  4. ubuntu14.04:php7+apache2+mysql

    apache2: sudo apt-get install apache2 apache2-dev service apache2 start mysql: sudo apt-get install ...

  5. HDU 4417 Super Mario(划分树问题求不大于k的数有多少)

    Super Mario Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  6. RDDs基本操作、RDDs特性、KeyValue对RDDs、RDD依赖

    摘要:RDD是Spark中极为重要的数据抽象,这里总结RDD的概念,基本操作Transformation(转换)与Action,RDDs的特性,KeyValue对RDDs的Transformation ...

  7. [luoguP2325] [SCOI2005]王室联邦(树分块乱搞)

    传送门 想了半小时,没什么思路.. 看了题解,是个叫做树分块的奇奇怪怪的操作.. 题解 树分块的研究 #include <cstdio> #include <cstring> ...

  8. 【强化学习】百度云BCC openai gym 环境配置

    openai gym是RL算法的测试床.为了直观和便于调试,我们需要可视化界面.然而远程服务器使用openGL的问题比较棘手,这篇博客记录在百度云BCC上配置openai gym环境的注意事项. 按照 ...

  9. eclipse中AXIS2发布过程

    Axis2服务端研究好几个小时,终于解决了 需要下载: 地址1: 可以从镜像站下载: 上海大学开源镜像站 地址2: 链接:从百度网盘下载; 密码:8nwu 其中第二个可以不用下: 解压后 将3,4解压 ...

  10. jsp 详解request对象

    request对象 客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应.它是HttpServletRequest类的实例. 序号 方 法 说 明 1  object ...