ajax和一些基础

ajax和一些基础_第1张图片
使用 XMLHttpRequest对象进行异步操作



ajax和一些基础_第2张图片
JS 和 DOM 动态局部刷新 


实例化一个XHR 对象的语句:var request = new XMLHttpRequest();                       即  new 一个XHR对象;



ajax和一些基础_第3张图片
IE6 及之前的版本不支持XMLHttpRequest 如果你写的代码想在 IE6 运行,你需要这样写 


HTTP 是一种无状态的协议,即不建立持久的连接。客户端发出请求,服务器给出响应,然后连接中断。客户端再一次请求,服务器再给一次响应,连接中断。服务端不保留一些连接的相关信息



ajax和一些基础_第4张图片
完整的HTTP请求过程包含7个步骤


ajax和一些基础_第5张图片
HTTP请求由4部分组成  分别是请求方法,请求的URL地址,请求头,请求体



ajax和一些基础_第6张图片
方框中的是请求头,下面是请求体(我们要发送的字符串)GET发送用户名和密码是不安全 



ajax和一些基础_第7张图片
HTTP的响应由3部分组成(状态码;响应头;响应体)


ajax和一些基础_第8张图片
HTTP 响应的示例(200是响应码;其余的是响应头;这里没有响应体)



ajax和一些基础_第9张图片
一些状态码的介绍

GET :一般用于信息获取;使用URL传递参数;对于发送的信息数量限制在2000                个字符串(用于查询,因为查询不会影响数据。)                                        POST:一般用于修改服务器上的资源;对所发送的信息的数量没有限制                  XHR 的方法:open(method,url,async) true表示是异步,默认是true     send(string)



ajax和一些基础_第10张图片
open()方法和send()方法的示例


ajax和一些基础_第11张图片
XHR 的语法的解释


ajax和一些基础_第12张图片
XHR 的语法解释
ajax和一些基础_第13张图片
php



php 是一种创建动态交互性站点的 服务器端 脚本语言

HTML/JS  在 浏览器和客户端 的页面呈现特效


ajax和一些基础_第14张图片
JS  中的选择判断结构

你可能感兴趣的:(ajax和一些基础)