Ajax

Ajax

1.前后端交互的模型

2.Ajax

async javascript and xml :异步的 javaScript 和 xml

xml:可扩展标记语言 （根据自己定义的规则进行数据存储）

ajax是js中提供的用来向服务发送请求（向服务器传递内容）的方法 客户端与服务进行交互的媒介

3.ajax的使用 （ajax的四步）

• 创建ajax实例

   var xhr = new XMLHttpRequest;
  

• 配置请求参数

  //基本语法格式 
  xhr.open(method,url,async,[username],[userpass]);
  //请求代码
   xhr.open("get", "json/data.json?name=haha&gae=100&_"+Math.random(),true);
  

  • method:请求方式 get / post / put /delete / head /option
    • get:从服务器获取的多 给的少
    • post:给服务器的多 获取的少
    • put:给服务器上传内容 上传图片
    • delete:从服务器删除内容
    • head:获取服务器响应头信息
    • option:探测性请求 没有什么实质性的作用
    • url：请求url地址
    • async:同步或异步（默认值是true异步） false:同步
    • [username] [usepass] 服务器的用户名密码 特定用户才能访问 服务器做了限制
  • GET VS POST
    • GET
      • 一般用来从服务器获取内容（从服务器获取的多 给的少）
      • GET请求再去给服务传递内容的时候大小存在限制 (问号传参的方式,在请求的url地址后边通过?进行拼接，多组键值对之间通过&进行连接) “json/data.json?name=haha&age=100”，浏览器限制的 谷歌8kb 火狐下7kb IE2kb 超出的浏览器会自动截取
      • 会存在缓存 我们需要缓存处理 在请求地址之后拼接 随机数 或 时间戳
      • 相对POST而言，传递服务器的参数通过问号传参 不安全
    • POST
      • 一般用来给服务器发送内容（给服务器的多 获取的少）
      • 理论上给服务器发送内容没有大小限制，给服务器内容放到 请求主体中
      • 没有缓存
      • POST相对来说更安全

• 发送请求

xhr.send(null);

• 监听请求状态