js学习总结----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);

时间: 2024-10-11 10:45:02

js学习总结----http报文及ajax基础知识的相关文章

js学习总结----url和http的基础知识

URI/URL/URN URI = URL+URN 统一资源标识符(统一资源信息) URL:统一资源定位符 ->http://v.qq.com:80/index.html?name=zhangsan&age=7#bbs http:传输协议   ->客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的(我们可以把HTTP理解为快递小哥) v.qq.com:域名 80:端口号 index.html:请求资源文件名   ->告诉服务器我需要请求的资源文件

Node.js学习笔记【3】NodeJS基础、代码的组织和部署、文件操作、网络操作、进程管理、异步编程

一.表 学生表 CREATE TABLE `t_student` ( `stuNum` int(11) NOT NULL auto_increment, `stuName` varchar(20) default NULL, `birthday` date default NULL, PRIMARY KEY  (`stuNum`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 学生分数表 CREATE TABLE `t_stu_score` ( `id` int(11

AJAX 基础知识

AJAX 基础知识 一.AJAX综述 1.AJAX的概念 A:异步asynchronousJ:JavaScriptA:andX:XML 异步的JavaScript和XML. 2.AJAX的优点(好处) 1),提高用户体验度  2),JS与服务端的交互  3),页面局部刷新--提高浏览器的效率 2.AJAX的缺点(弊端)    加大服务器的负担 注:新思想,老技术. 二.实现AJAX功能 (一).JS实现AJAX功能 1.获得XMLHttpRequest(浏览器的兼容) (二).JQuery实现A

Ajax基础知识 浅析(含php基础语法知识)

1.php基础语法    后缀名为.php的文件 (1) echo   向页面中输入字符串  <?php    所有php相关代码都要写在<?php ?>这个标签之中 echo "<div>Hello World!</div>"; ?> (2) $  变量声明  如果只声明不赋值,会报错 <?php $num=123; echo $num; echo "<div>编号为:".$num."&l

学习Spring必学的Java基础知识(2)----动态代理

学习Spring必学的Java基础知识(2)----动态代理 引述要学习Spring框架的技术内幕,必须事先掌握一些基本的Java知识,正所谓“登高必自卑,涉远必自迩”.以下几项Java知识和Spring框架息息相关,不可不学(我将通过一个系列分别介绍这些Java基础知识,希望对大家有所帮助.): [1] Java反射知识-->Spring IoC :http://www.iteye.com/topic/1123081 [2] Java动态代理-->Spring AOP :http://www

原生ajax基础知识笔记

原生ajax基础知识笔记 1.创建 XMLHttpRequest 对象 所有现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Opera)均内建 XMLHttpRequest 对象. 老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveXObject. 代码示例: // Creates a XMLHttpRequest object. var xhr = new XMLHttpRequest(); 兼容浏览器代码示例: var xhr; /

Java学习-033-JavaWeb_002 -- 网页标记语言JSP基础知识

JSP 是 Sun 公司提倡的一门网页技术标准.在 HTML 文件中,加入 Java 代码就构成了 JSP 网页,当 Web 服务器访问 JSP 请求的时候,首先执行其中的 Java 程序源码,然后以 HTML 形式返回, Java 程序运行在服务端,最终显示在客户端.JSP 源于 Java,因而 JSP 的运行环境依赖JDK,当然也需要服务器软件(例如 Tomcat 等). 一.运行环境搭建 1.安装 JDK,请参阅之前的博文:Java学习-001-JDK安装配置 2.Tomcat部署及环境变

oracle学习入门系列之二 数据库基础知识

oracle学习入门系列之二 数据库基础知识 本篇蛤蟆要梳理下那些被淡忘的数据库基础知识,也许根本就没被人记住过.不管是哪种情况,该记住的必须记住,记不住就把他记下来吧. 首先问几个问题如下: 数据库基础知识是什么? 好吧,蛤蟆直接吐后而不亡,看目录开始吧. 本人邮箱:[email protected] 微信公众号:HopToad 欢迎各界交流 1      基本概念 概念就是概念,大伙对这些名词不要死磕,但是对定义一定要理解,理解方能领悟,领悟方能运用自如后创新. 1.1      数据 数据

APUE学习笔记:第一章 UNUX基础知识

1.2 UNIX体系结构 从严格意义上,可将操作系统定义为一种软件(内核),它控制计算机硬件资源,提供程序运行环境.内核的接口被称为系统调用.公用函数库构建在系统调用接口之上,应用软件即可使用公用函数库,也可使用系统调用.shell是一种特殊的应用程序,它为运行其他应用程序提供了一个接口 从广义上,操作系统包括了内核和一些其他软件,这些软件使得计算机能够发挥作用,并给予计算机以独有的特性(软件包括系统实用程序,应用软件,shell以及公用函数库等) 1.3  shell shell是一个命令行解