ajax学习笔记

作者: 酱油_ | 来源:发表于2016-09-20 10:39 被阅读58次
  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 "未找到页面"

相关文章

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • 2018-06-01

    # Ajax标签(空格分隔): 笔记整理---[TOC]### 从输入网址开始:- 在学习ajax之前,你应该先了...

  • AJAX的基础使用与封装

    学习笔记,请多指教 学习网址推荐 AJAX = Asynchronous JavaScript and XML(异...

  • AJAX学习笔记

    AJAX之前 回顾一下最早向服务器发请求的方式 表单发送,最早的发请求方式,可以发各种类型的请求,缺点是每次发送完...

  • Ajax学习笔记

    Ajax是什么 Ajax(异步的JavaScript和XML),是一种创建交互式网页应用的网页开发技术,该技术的核...

  • AJAX学习笔记

    之前一直不知道ajax为何物,只知道能实现异步同步,能发请求。其实确实就是这么个东西。 AJAX = Asynch...

  • Ajax学习笔记

    一.什么是Ajax? AJAX即“Asynchronous Javascript And XML”(异步JavaS...

  • Ajax学习笔记

    请求状态:xhr.readyState0:创建对象1:已经调用open方法2:已经调用send方法3:开始返回数据...

  • ajax学习笔记

    %1.AJAX = Asynchronous JavaScript and XML(异步的 JavaScript ...

  • Ajax学习笔记

    一、Ajax技术概念 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的全称是As...

网友评论

    本文标题:ajax学习笔记

    本文链接:https://www.haomeiwen.com/subject/qtznettx.html