继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

分享:初步认知ajax。

一飞同学
关注TA
已关注
手记 40
粉丝 82
获赞 1103

l AJAX全称:异步的JavaScript和XML

不是某种编程语言,是一种在无需重新加载整个页面情况下能够更新部分网页的技术。

  • l 读音:ajax 阿贾克斯~ no!

  • l XMLHttpRequest对象:可以用于后台和服务器进行数据交换,对网页进行部分更新

l 概念介绍

  • n 运用HTML和CSS来实现页面,显示信息;

  • n 运用XMLHttpRequest对象和web服务器进行数据的异步交换;

  • n 运用JavaScript操作DOM,实现动态局部刷新;

一、关于XMLHttpRequest对象

  首先实例化对象:

  var request = new XMLHttpRequest();

  接下来就可以进行请求了,怎么请求呢?

二、HTTP请求

  请求方式GET或POST:get一般用于信息获取,用来查询,所有的变量都在URL中 post:一般用于修改服务器上的资源。
  URL
  请求头,包括一些客户端环境信息,身份验证信息等
请求体,也就是正文
三、HTTP响应

  一个数字和文字组成的状态码,用来显示请求成功与否:200 OK 404 NOT Found(客户端错误) 500(服务器错误)
响应头,一些服务器信息日期类型等
响应体,正文
四、XHR的方法

  open(method,url,async)方法 methed:发送请求方式 async:请求同步或异步 true异步 false同步 默认true一般不填写
send(string)发送方法 get一般没参数 post有参数
  request.open("POST","create.php",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 这个方法说明提交类型,不提交文件一般用这个,写在上下两个方法中间
request.send("name=王二狗&sex=男");
五、XHR响应

readyState属性 (所以要监听这个属性的变化)
  0:请求未初始化,open还没有调用
1:服务器链接已建立,open已经调用了
2:请求已接收,也就是接收到头信息了
3:请求处理中,也就是接收到响应主体了
4:请求已经完成,且响应已就绪,也就是响应完成了
   

 var request = new XMLHttpRequest();

    request.open("GET","get.php");

    request.send();

    request.onreadystatechange = function(){

     if (request.readyState===4&&request.status===200){   //响应完成且请求成功

      //这里做些事情   比如在页面进行呈现

      }

    }
打开App,阅读手记
29人推荐
发表评论
随时随地看视频慕课网APP

热门评论

66666666666

查看全部评论