JQ与Ajax学习心得（一）

一.ajax特点 :异步刷新 ,只刷新需要修改的内容，其他内容保持不变，例如百度搜索，视频点击等， 请求转发/重定向都属于全局刷新。

二.实现方式 : JS | Jquery

三.XMLHttpRequest :

1.XMLHttpRequest对象的常用方法 :

(1)open(‘get | post’,‘请求地址’,true) :客户端访问服务器建立的连接是通过open() ；true表示异步刷新

(2)send() :分为get 或 post 两种情况 : get方式不需要填写参数；post方式，里面填写要传给服务器的数据。

(3)setRequestHeader() :分为get 或 post 两种情况 : get方式不需要填写参数；post方式分为两种情况：a.如果请求中包含文件:(3)setRequestHeader (‘Content-Type’,‘multiparty-form-data’);
b.如果请求中不包含文件：(3)setRequestHeader (‘Content-Type’,‘application/x-www-form-urlencoded’);

2.XMLHttpRequest对象的常用属性 :
a.readyState: 请求状态 ,当readyState的值为4 时，才有效
b.status: 响应状态 200 表示成功；
c.onreadystatechange(): 是一个回调函数，用来监听状态码的变化，并做出相应的执行事件

四.JS实现 ajax的封装 :
以登录注册为例 :

<!--html代码-->
用户：<input type='text' id='user'>
密码：<input type='text' id='pass'>
<button id='btn'>登录</button>

以下是封装代码,和上面的html代码放在同一个文件里

<script>
  btn.onclick = function()
  {
   
     ajax({
   
       type:'get | post',
       url:'http://localhost:9217',
       data:{
   
         user=user<