AjAX的使用

2023-10-30

Ajax(asynchronous javascript and XML)无刷新的情况下页面内容发生改变




工作原理:
在用户与服务器之间加了一个中间层,使用户操作和服务器响应异步化。并不是所有的用户请求都提交给服务器,像一些数据验证和数据处理等交给Ajax引擎自己做。


Ajax核心对象XMLHttpRequest
var xnlHttpRqObj=new XMLHttpRequest();创建普通的方式,ie浏览器例外


对于innerHTML 属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML


 流程:
创建XMLHttpRequest对象
创建一个http请求
设置响应http请求回调函数
发送HTTP请求
等待请示的响应
使用DOM实现局部刷新


属性:
readyState:就绪的状态,0,1,2,3,4
statue:服务器的http状态码
onreadystatechange:状态改变时触发该事件
responseText:服务器的响应,表示为一个字符串


方法:
open(“method”,”url”):建立对服务器的调用
send(content):向服务器发送请求
abort():停止当前的所有请求








<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
{}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AjAX的使用 的相关文章

随机推荐

  • IDEA连接Redis

    IDEA连接Redis 第一步 创建项目 导入依赖 第二步 连接服务器 方案一 单实例连接 方案二 连接池 第一步 创建项目 导入依赖
  • (附源码)springboot大学生创新创业管理 毕业设计 041557

    springboot大学生创新创业管理 摘 要 科技进步的飞速发展引起人们日常生活的巨大变化 电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用 信息时代的到来已成为不可阻挡的时尚潮流 人类发展的历史正进入一个新时代
  • Linux系统下安装 Elasticsearch 6.XX 外网无法访问的问题

    修改配置文件elasticsearch yml wys elk2 elasticsearch 6 2 2 vim config elasticsearch yml 放开下面的注解 然后配置相应的内容 network host 172 16
  • C语言,A国发生命案,警察把嫌疑人确定在4人当中(a,b,c,d)

    A国发生命案 警察把嫌疑人确定在4人当中 a b c d 审讯结果 两个人说的真话 两个人说的假话 a 罪犯在其他三个当中 B 人不是我杀的 是c杀的 c a和d之间有一个是罪犯 d b说的是事实 写一个代码 判断谁是罪犯 include
  • LPDDR4协议规范之 (一)地址映射和容量计算

    文章目录 LPDDR4协议规范之 一 地址映射和容量计算 LPDDR4 结构 LPDDR4 地址映射 LPDDR4协议规范之 一 地址映射和容量计算 LPDDR4 结构 LPDDR4采用了全新的双通道设计 每个裸片包含两个Channnel
  • 【C语言-53】实现一个通讯录; 通讯录可以用来存储1000个人的信息,每个人的信息包括: 姓名、性别、年龄、电话、住址

    目录 题目要求 解题代码 结构体定义和组织 菜单函数 通讯录初始化函数 新增联系人 删除联系人 查找联系人 修改联系人 打印全部联系人 排序联系人 清空联系人 全部代码 题目要求 实现一个通讯录 通讯录可以用来存储1000个人的信息 每个人
  • LDA降维和分类

    LDA降维和分类 LDA可以降维和分类 LinearDiscriminantAnalysis LDA 就是将多维的样本数据集映射到一个坐标轴上 可以是多维的 以降维作为目的 使得样本数据可以在这个坐标轴上就可以进行分类 和最小的类内距离 投
  • Larave5.7实现github第三方登录

    简单讲述一下使用laravel进行github第三方登录的方法 第三方登录使用的是OAuth2 0协议 至于什么是OAuth2 0 下面推荐一篇文章 OAuth2 0协议介绍 当然你看不懂也没事 因为现在有很多的库帮你完成了整个交互过程 如
  • SpringBoot和JDBC整合使用

    操作 1 创建springboot项目 略 附上我的项目结构 2 确保项目的pom xml要有下面两个依赖
  • 数据结构之环形队列

    概述 队列是一种具有先进先出 FIFO 的数据类型 可以使用多种数据结构来实现队列 数组和链表 简单队列的应用场景比较有限 于是那些牛人们就发明一些复杂的队列 环形队列 双端队列 优先队列 应用场景 Memory Management Th
  • 简单插入排序算法以及它的时间、空间复杂度

    当待排序列中记录的排序是递增有序 也就是从小到大的有序记录 称正序 时 达到最小的比较次数 n 1 最小的移动次数 0 相反的是 当待排序列中记录的排序是非递增有序 比如从大到小的有序记录 称逆序 时 需要进行n 1趟排序 得到最大比较次数
  • CSS3-选择器,子代选择器 ">"、顺序选择器、下一个兄弟选择器、后面所有的兄弟选择器 的用法

    文章目录 子代选择器 顺序选择器 下一个兄弟选择器 后面所有的兄弟选择器 子代选择器 子代选择器用 gt 表示 只选择指定元素的子元素 儿子标签 IE7开始兼容 IE6不兼容 div gt p color red div 标签的儿子 一级子
  • GnuWin32,Windows下使用Linux命令

    1 前言 昨天我写了一篇 UnxUtils工具包 Windows下使用Linux命令 的文章 今天无意间又发现了 GnuWin32 它提供Win32版本的GNU工具 Linux下的命令基本都有 你可以在 GnuWin32 Files 手动下
  • 利用dockerfile构建vue和element-ui开发环境容器

    1 创建Dockerfile 在一个目录之下创建Dockerfile FROM node system local config RUN true debian china mirrors sed i s deb debian org mi
  • Django 站点图标设置本地生效,远程服务器部署不生效解决

    遇到这种情况多半是用了 path favicon ico serve path img fav ico 这样本地生效 远程不生效 解决办法是在 base html 中 header 间添加一行
  • 详解:什么是眼图、眼图怎么看?

    详解 什么是眼图 眼图怎么看 2019 10 16 15 15 44 燚智能物联网 简介 眼图是指利用实验的方法估计和改善 通过调整 传输系统性能时在示波器上观察到的一种图形 观察眼图的方法是 用一个示波器跨接在接收滤波器的输出端 然后调整
  • Oracle19c数据库安装

    安装Oracle19c数据库一直卡在42 进度 找了很多解决办法都无效 经历了多次安装失败 删除文件重装的崩溃 最后清理电脑空间后重复删出文件注册表等重新安装 终于安装成功了 检查是否安装成功 在Windows系统下 电脑Win R 输入c
  • 新春伊始:从CHAT-GPT到生成式AI,人工智能新范式

    2023的新春伊始 每个人都希望在新的这一年 会有更多更好的事情发生 回头看去已然过去的2022年 科技界充满波折与机遇 似乎在等待一场革命性的变革 近期人工智能研究公司OpenAI推出的聊天机器人模型CHAT GPT不断出圈 据 Sema
  • R-CNN,SSD,YOLO算法简单对比

    文章目录 1 R CNN 1 1 R CNN 1 2 Fast R CNN 1 3 Faster R CNN 1 4 Mask R CNN 2 SSD 3 YOLO 1 R CNN 1 1 R CNN 使用传统的锚框 提议区域 选择算法 选
  • AjAX的使用

    Ajax asynchronous javascript and XML 无刷新的情况下页面内容发生改变 工作原理 在用户与服务器之间加了一个中间层 使用户操作和服务器响应异步化 并不是所有的用户请求都提交给服务器 像一些数据验证和数据处理