美文网首页
学习AJAX,作为一个学习笔记

学习AJAX,作为一个学习笔记

作者: jiajia5 | 来源:发表于2019-11-07 22:06 被阅读0次

首先,我们应该知道,什么是AJAX;

w3cschool上是这样解释的:

AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

AJAX全名是AsynchronousJavaScript+XML,AJAX是对于首字母的缩写;虽然名字中包含了xml,但是AJAX这项传输信息的技术,和数据的格式无关;
AJAX通俗的讲就是一种可以在不刷新整个页面的基础上,对页面上部分内容进行更新的技术,做到局部更新;

如何使用AJAX;

1、首先,我们要创建一个XMLHttpRequest对象,要想使用AJAX,就必须通过构造函数创建:

var xhr = new XMLHttpRequest();

如果你需要兼容IE7之前的版本则需要:
用下面这个命令:

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

合起来可以这么写:

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、初始化AJAX之后,我们第一个要调用的方法就是open(),这个方法接收3个参数;

  • 请求类型('get','post')
  • 请求的url
  • 表示是否异步的布尔值(默认为true,可以不写,需要注意的是,如果设置为false,则是同步,也就是,如果这个请求使事件有十秒,那么页面就要停在那十秒)
    举例:
xmlhttp.open("POST", "exapmle.php", true);

在这个open方法中,我使用了'POST'作为请求类型,"exapmle.php"作为url,采用的是异步;
在页面加载到这行代码时,会启动一个exapmle.php的POST请求;需要注意的是,open方法只是作为一个启动项,而不是发送项,只是为了后面的send()方法作准备;

这里的send()方法可以传入一个参数,GET请求不需要参数,POST请求需要把body部分以字符串或者FormData对象传进去;

4、在我们用send方法进行发送后,服务器会返回xmlhttp.state作为返回的状态,当返回的值为200时,为接收成功,

还有明天继续写

在这里,我是使用了"POST"作为请求类型,在使用post这个请求类型时,我们需要注意的是:

相关文章

  • 学习AJAX,作为一个学习笔记

    首先,我们应该知道,什么是AJAX; w3cschool上是这样解释的: AJAX = 异步 JavaScript...

  • ajax学习笔记

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

  • AJAX

    前端学习中,今天学习了blue老师视频里面的ajax,仅作为自己学习的记录 ajax(Asynchronous J...

  • AJAX的基础使用与封装

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

  • 2018-06-01

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

  • 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,作为一个学习笔记

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