Ajax,json

博客介绍了Ajax相关知识,包括其定义是异步JavaScript和XML,可实现网页异步更新。还阐述了XMLHttpRequest对象的常用属性和方法,以及Ajax请求步骤。同时分析了Ajax的优缺点,如提升用户体验、减少带宽占用,但破坏浏览器后退机制等,最后提及了JSON。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>

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字符串转对象
JSON.parse(); //字符串转JSON对象
JSON.stringify(""); //JSON对象串转字符串
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值