• Ajax,json


    Ajax知识点

    1. 什么是ajax?ajax作用是什么?
    AJAX 是异步 JavaScript 和 XML。一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.

    2. XMLHttpRequest对象的常用方法和属性
    属性:
    readyState:请求的状态,有5个可取值,0=未初始化 ,1=正在加载,2= 已加载,3=交互中,4=完成
    responseText:目前为止接收到的响应体,readyState<3此属性为空字符串,=3为当前响应体,=4则为完整响应体。
    reponseXML:服务器的响应,解析为xml。
    方法:
    open:初始化请求参数但是不发送。
    setRequestHeader:配置请求头信息,处理post参数。
    send()方法:发生http异步请求
    abort()方法:取消当前响应

    3.ajax请求有几个步骤?

    <script>
    //1.创建XMLHttpRequest对象
    let request= new XMLHttpRequest();
    //2.监听readyState各个阶段触发事件
    request.onreadystatechange = function () 
    {   
        //判断服务器是否返回响应
        if (request.readyState === 4)
        { 
          //判断是否执行正确
          if (request.status === 200)
          {
             //获取服务器响应文本
             let text=request.responseText;
             //业务逻辑操作
           }  
       }
    };
      //规定请求的类型、URL 以及是否异步处理请求。
       request.open('method:string','url:string','async:boolean');
      //发送信息至服务器时内容编码类型
      request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
      //发送请求
      ajax.send();  
    <script>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25

    Ajax优点

    1. 通过异步模式,提升了用户体验
    2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
    3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了服务器负载。
    4. 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序

    Ajax缺点

    1. ajax干掉了back按钮,即对浏览器后退机制的破坏
    2. 安全问题:开发者在不经意间会暴露比以前更多的数据和服务器逻辑
    3. 对搜索引擎的支持比较弱
    4. 违背了url和资源定位的初衷
      json
      json指的是JavaScript对象表示法
      json是纯文本
      json是轻量级的文本数据交换格式
      json独立于语言,json解析器和json库支持许多不同的编程语言
      json具有自我描述性,更易理解
      json具有层级结构
    Gson gson=new Gson();
    gson.toJson(); //对象转JSON字符串
    gson.fromJson(); //JSON字符串转对象
    
    • 1
    • 2
    • 3
    JSON.parse(); //字符串转JSON对象
    JSON.stringify(""); //JSON对象串转字符串
    
    • 1
    • 2
  • 相关阅读:
    Angular自定义异步表单验证
    【vue3】12.跟着官网学习vue3-侦听器,watch方法
    Python爬虫实战-小说网站爬虫开发
    Android系统编程入门系列之硬件交互——通信硬件电信SIM卡
    java面试官如何面试别人
    [附源码]java毕业设计个人信息管理系统
    tf.lite
    Linux 安装 Docker +Docker Compose + cucker/get_command_4_run_container
    Markdown 1 - 图文音视频等
    鲜花线上销售管理系统的设计与实现
  • 原文地址:https://blog.csdn.net/qq_45939736/article/details/127611519