ajax学习笔记

  1. XMLHttpRequest对象是ajax的基础
  2. 使用它的open()和send()方法将请求发送到服务器
var a=3;
var request=new XMLHttpRequest();
request.open("GET","../server.php?number="+a,"true");
request.send();

open(method,url,async)

  • method: GET或POST,请求的类型
  • url:文件在服务器上的位置
  • async: true为异步,false为同步
  1. open.send(string)
    将数据发送给服务器,string仅用于POST方法
  2. 当async设为true时,即为异步时,规定响应处于onreadystatechange事件中的就绪函数
request.onreadystatechange=function(){
     if(request.readystate===4&&request.status===200){
       document.getElementById("id").innerHTML=request.responseText;
     }
}
  1. XMLHttpRequest的三个重要属性
  • onreadystatechange:每次readystate发生改变时就会调用这个函数
  • readyState:存储着XMLHttpRequest的状态,从0到4发生变化
    • 0:请求未初始化
    • 1:服务器已连接
    • 2:请求已接收
    • 3:请求处理中
    • 4:请求已完成,响应处于就绪中
  • status:200 “OK” 404 "未找到页面"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Ajax 什么是ajax AJAX即“Asynchronous JavaScript and XML”(异步的Ja...
    恰皮阅读 9,550评论 5 48
  • %1.AJAX = Asynchronous JavaScript and XML(异步的 JavaScript ...
    wangzaiplus阅读 2,806评论 0 0
  • 一、Ajax技术概念 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的全称是As...
    远远暖暖阅读 2,784评论 0 0
  • 从下面这个简单的AJAX实例中,一步一步来分析代码每一部分的作用及功能,并对相关的名词进行了解释。 一个简单的AJ...
    Ginkela阅读 2,784评论 0 0
  • 慕课网Ajax全接触 Ajax全称: Asynchronous JavaScript and XML(异步的Jav...
    垃圾简书_吃枣药丸阅读 4,097评论 0 8

友情链接更多精彩内容