当前位置: 首页 > news >正文

AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?

ajax 的全称 Asynchronous JavaScript and XML (异步 JavaScript XML) 

AJAX是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的 XMLHttpRequest 对象,是这个对象使得浏览器可以发出 HTTP 请求与接收 HTTP 响应。实现了在页 面不刷新的情况下和服务器进行交互。

原生AJAX语法格式:

let xhr = new XMLHttpRequest();
xhr.open('get','js/index.json',true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
let text = xhr.responseText;
console.log(text);
let data = JSON.parse(text);
console.log(data);
}
};
ajax 使用方法:
1. 创建 XMLHttpRequest 对象
2. 使用 open 方法指定要请求的地址、类型和方式。
3. 使用 send 方法发送请求,如果需要传参:
get 方式要将参数拼接到 URL 后边,参数间&分割。例:’index.php?name=张三&age=18’
post 方式可以将参数放到 send()里。例:send(‘name=张三&age=18’)
4. 绑定 onreadystatechange 事件,判断 readyState 和 status 的状态。
5. 接收数据,通过 json 转换使用。

 

jQuery提供分装好的AJAX更快捷,适合在开发项目中使用,原生AJAX更好理解,浅显易懂。

jQuery语法格式:

$.ajax({type: "GET",url: 'js/exercise.json',data: {},headers:'',datatype:'',async:'',success: function(result) {console.log(result);data = result;},Error: function(e) {console.log(e.status);console.log(e.responseText);},});

http://www.lryc.cn/news/398492.html

相关文章:

  • docker基础知识以及windows上的docker desktop 安装
  • 【深度学习基础】环境搭建 linux系统下安装pytorch
  • 【Sql Server】sql server 2019设置远程访问,外网服务器需要设置好安全组入方向规则
  • idea启动vue项目一直卡死在51%,问题分析及其如何解决
  • 基于STM32设计的智能喂养系统(ESP8266+微信小程序)175
  • 第三方支付平台如何完美契合游戏行业?
  • 计算机网络 5.6网桥与交换机
  • CDH实操--集群卸载
  • 5G RedCap调查报告
  • 模型(卷积、fc、attention)计算量 MAC/FLOPs 的手动统计方法
  • Git 删除包含敏感数据的历史记录及敏感文件
  • vue-tabs标签页引入其他页面
  • U-net和U²-Net网络详解
  • Vue3 引入腾讯地图 包含标注简易操作
  • 迅狐抖音机构号授权矩阵系统源码
  • 数据库系统原理练习 | 作业2-第2章关系数据库(附答案)
  • 有向图的强连通分量——AcWing 367. 学校网络
  • 安全开发--多语言基础知识
  • 如何使一个盒子水平垂直居中(常用的)
  • 安全防御-用户认证综合实验
  • uniapp安卓离线打包配置scheme url
  • C++ STL std::lexicographical_compare用法和实现
  • ORM Bee,如何使用Oracle的TO_DATE函数?
  • HTML CSS 基础复习笔记 - 框架、装饰、弹性盒子
  • C++:创建线程
  • python如何查看类的函数
  • P6. 对局列表和排行榜功能
  • uniapp easycom组件冲突
  • 总结24个Python接单赚钱平台与详细教程,兼职月入5000+
  • macOS 的电源适配器设置