快速了解AJAX

简介: 快速了解AJAX

1、AJAX的概念

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

ajax 是一种创建交互式网页应用的网页开发技术。其中最核心的依赖是浏览器提供的

XMLHttpRequest 对象,是这个对象使得浏览器可以发出 HTTP 请求与接收 HTTP 响应。实现了在

页面不刷新的情况下和服务器进行交互。

2、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 转换使用
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);
 
}
 
};
 

get 与post 的区别:

1.get 是将参数包含在 URL 中明文传输,不安全。而 post 是通过 request body 传递参数, 对于用户来说是不可见的,所有更安全。

2.get 传输数据量较小,因为 URL 有长度限制,post 传输的数据量较大,一般被默认为不受限制。

3.对于参数的数据类型,get 只接受 ASCII 字符,而 post 没有限制。

4.get 请求时只会产生一个 TCP 数据包,get 比 post 更快。

5.get 请求参数会被完整保留在浏览器历史记录里,而 post 中的参数不会被保留。

相关文章
|
程序员 开发工具 git
一文彻底搞懂 Git:程序员必备的版本控制神器!
你是否饱受代码混乱、协作冲突之苦?Git 作为全球主流的分布式版本控制系统,能帮你轻松实现版本回退、分支管理、多人协作与 Bug 追踪。本文带你从零入门,详解核心概念、基础操作、常用命令及分支策略,助你掌握现代开发必备技能,提升协作效率与代码质量。#Git入门 #版本控制
2553 0
ValidationException: HV000183: Unable to load 'javax.el.ExpressionFactory'.
ValidationException: HV000183: Unable to load 'javax.el.ExpressionFactory'.
|
存储 前端开发 索引
React 图片轮播组件 Image Carousel
本文介绍了如何使用React创建图片轮播组件。首先,解释了图片轮播的基本概念和组件结构,包括图片容器、导航按钮、指示器和自动播放功能。接着,通过代码示例详细说明了创建基本组件、添加自动播放、处理边界情况的步骤。还探讨了常见问题如状态更新不及时、内存泄漏和样式问题,并提供了解决方案。最后,介绍了进阶优化,如添加过渡效果、支持触摸事件和动态加载图片,帮助读者构建更完善的轮播组件。
547 16
|
前端开发 JavaScript
什么是深拷贝;深拷贝和浅拷贝有什么区别;深拷贝和浅拷贝有哪些方法(详解)
浅拷贝适用于只复制对象的第一层属性,且这些属性不是引用类型。深拷贝适用于需要完全独立的副本,包括对象和数组的嵌套结构。选择哪种拷贝方式取决于你的具体需求和场景。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
Ubuntu 网络协议 Linux
【附安装包】CentOS7(Linux)详细安装教程(手把手图文详解版)
【附安装包】CentOS7(Linux)详细安装教程(手把手图文详解版)
9547 2
|
安全 开发工具 虚拟化
使用 VMware + win10 + VirtualKD + windbg 从零搭建双机内核调试环境
使用 VMware + win10 + VirtualKD + windbg 从零搭建双机内核调试环境
|
JSON 前端开发 JavaScript
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
该文章提供了Webpack的基础入门指南,涵盖安装配置、基本使用、加载器(Loaders)、插件(Plugins)的应用,以及如何通过Webpack优化前端项目的打包构建流程。
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
776 1
|
负载均衡 安全 网络安全
|
Prometheus Cloud Native 数据可视化
Linkerd 2.10(Step by Step)—4. 如何配置外部 Prometheus 实例
Linkerd 2.10(Step by Step)—4. 如何配置外部 Prometheus 实例
318 0

热门文章

最新文章