美文网首页
Ajax的原理

Ajax的原理

作者: Marshall3572 | 来源:发表于2021-03-12 21:54 被阅读0次

    Ajax的本质就是---用JS发请求和收请求
    浏览器具有发送和接受请求的功能,所以可不可以将这个功能暴露给开发者呢?
    所以浏览器在window上创建了一个XMLHttpRequest函数,用这个函数可以创建一个对象,JS通过它发请求和收请求
    下载node-dev,每次修改保存文件后,这个工具会自动重启,很方便,我们用他来代替node


    使用方法
    node-dev server.js 8888 
    或 
    node server.js 8888
    

    Ajax用例

    加载CSS
    四个步骤:

    1. 创建HttpRequest对象
    2. 调用对象的open方法
    3. 监听对象的onload&onerror事件
    4. 调用对象的send方法

    但是专业的前端不该使用onload和onerror,而是使用onreadystatechange

    JSON(JavaScript Object Notation)JavaScript对象标记语言

    注意:JSON不是个对象,而是一门语言。不是编程语言,而是一种标记语言,跟XML,HTML,Markdown一样,用来展示数据。
    JSON支持的六种数据类型:String(只支持双引号,不支持单引号和无引号), number(支持科学计数法), bool, null, object, array,注意和JS的七种数据类型区分,少了undefined, symbol, 多了array 。
    不支持函数,不支持变量(所以也不支持引用)
    通常用JSON代替XML 。

    JSON.parse

    将符合JSON语法的字符串 =》JS对应的数据。如果不符合JSON语法则直接抛出一个Error对象。由于JSON只有6种类型,所以转换成的数据也只有6种。

    可以用try catch捕获错误。

    JSON.stringify

    JSON.stringify是JSON.parse的逆操作,
    JS数据 =》 JSON对应的字符串
    因为JS的数据类型比JSON多,所以此操作不一定能成功。
    如果失败就会抛出一个Error对象。

    综合应用

    加载分页

    相关文章

      网友评论

          本文标题:Ajax的原理

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