码迷,mamicode.com
首页 > Web开发 > 详细

Ajax的基础

时间:2019-10-20 16:16:42      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:and   script   请求   同步请求   方法   info   new   页面   stat   

1.0 Ajax是什么?如何创建一个Ajax?
      - 全称:asychronous javascript and xml
      - 作用: 实现客服端与服务器端的异步通信效果,实现页面的局部刷新
      - 核心 XMLHttpRequest(标准浏览器)
      
   ```
   var xhr =new XMLHttpRequest();//获取ajax对象
   xhr.open('POST','地址','true');//初始化请求
   xhr.setResquestHeader('Content-type','');//设置http头信息
   xhr.onreadystatechagne=function(){
   if(xhr.readyState==4&&xhr.status==200){
   
   xhr.responseText;
   }
   xhr.send();
  ````
  

1.1open(method,URL,async)//method是请求http的方法一般有POST和GET
URL是请求的地址 , async是是否使用请求异步,true和false
1.2 send(content)conent参数指定请求的参数
1.3 xhr.setRequestHeader(header,value)//设置请求头信息

技术图片

技术图片

status:Http状态码

  • 100 信息
  • 200 服务器响应正常
  • 300 重定向
  • 400 无法找到请求资源
  • 403 没有访问权限
  • 404 访问的资源不存在
  • 500 服务器内部错误
    技术图片

注意:

  • true:表示发送异步请求(当Ajax发送请求的时候,用户仍然 可以对当前页面做其他操作);
  • false:表示发送同步请求(当Ajax发送请求时,浏览器会锁定 当前页面,用户不能对当前页面做其他操作)
    技术图片

Ajax的基础

标签:and   script   请求   同步请求   方法   info   new   页面   stat   

原文地址:https://www.cnblogs.com/hff-syt/p/11707710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!