有关Ajax

目录

  • 一、什么是Ajax?
  • 二、Ajax的核心对象XMLHttpRequest
    • 1、使用步骤
    • (1)创建异步对象
    • (2)绑定事件
    • (3)初始化请求
    • (4)发送请求
    • 2、属性

一、什么是Ajax?

  Ajax是一种做局部刷新的方法,其包含的主要技术有:JavaScript、XML、CSS、DOM等。但核心是JavaScript和XML。(以前使用XML,现在大多使用JSON会更加方便,这里还是用的普通文本XML)
JavaScript:负责创建异步对象,发送请求,更新页面的dom对象
XML:网络中的传输的数据格式

二、Ajax的核心对象XMLHttpRequest

1、使用步骤

  局部刷新的核心对象是异步对象(XMLHttpRequest),存在于浏览器内存中,使用JavaScript语法创建和使用异步对象

(1)创建异步对象

使用XMLHttpRequest核心对象

var xmlHttp = new XMLHttpRequest();

(2)绑定事件

xmlHttp.onreadystatechange = function(){//获取服务器端返回的数据,更新dom//比如:var data = xmlHttp.responseText;//responseText表示服务器端返回的数据document.getElementById("某个id").value = data;//更新dom页面
}

(3)初始化请求

xmlHttp.open("get",url,true);
//第一个是请求方式get/post,
//第二个是服务器端的访问地址
//第三个是同步/异步的请求(默认是异步,即true)
//比如:
xmlHttp.open("get","OneSevlet?name=zs&&age=21",true);

(4)发送请求

xmlHttp.send();

2、属性

readyState:Ajax请求状态中的变化,主要用到4,4表示从服务器返回数据,并处理完成。
有以下几个属性值:
        0:创建异步对象时
        1:初始异步对象时
        2:发送请求时
        3:从服务器端获取了数据
        4:异步对象把接收的数据处理完成。
status:网络请求的状态——200:表示通信成功,请求成功
             400:表示没有找到资源



以上是Ajax的相关说明,小白一枚,知识来源视频学习所汇集。

关于Ajax局部刷新相关推荐

  1. ajax 刷新output,JSF生命周期及AJAX局部刷新

    这些时间可能一直得搞JSF...... 呵呵,这个星期天再一次的仔细的研究了一下这个所谓的6个生命周期的运行情况以及所谓的AJAX局部刷新的问题. 看了core JSF里详细描述的JSF的生命周期,基 ...

  2. Ajax局部刷新后,重新加载百度分享

    1.问题 在使用ajax请求刷新局部页面后,发现百度分享无法正常使用了.初步估计是因为更新了百度分享的那部分页面但没有重新加载百度分享js导致. 2.重新加载百度分享 按照上面上面的猜测重新加载了百度 ...

  3. JQuery 再谈ajax局部刷新

    JQuery 再谈ajax局部刷新. 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击 ...

  4. js 只刷新ajax,JS实现AJAX局部刷新(附代码)

    这次给大家带来JS实现AJAX局部刷新(附代码),JS实现AJAX局部刷新的注意事项有哪些,下面就是实战案例,一起来看一下. AJAX即"Asynchronous Javascript An ...

  5. ajax局部操作,ajax局部刷新是怎么操作的?具体什么步骤呢?

    大家知道什么是ajax吗?是的,ajax就是用来局部刷新的作用,那么ajax是如何进行页面的局部刷新呢?具体操作又是怎么样的呢?接下来与大家一起来了解下ajax局部刷新的操作. 简单的来说Ajax就是 ...

  6. ajax提交成功后局部刷新 jq_JQuery ajax局部刷新实例

    在我们开发的时候,我们回时常用到javascript实现页面局部刷新,本文我们就和大家分享JQuery ajax局部刷新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 案例: 描述: 1. 点击登 ...

  7. java ajax 局部刷新,使用AJAX实现局部刷新的示例

    一个AJAX局部刷新的例子: 前台页面: AJAX局部刷新 后台页面:[getPart.asp] dim rs dim sql Set rs = Server.CreateObject("A ...

  8. Ajax局部刷新jsp页面

    Ajax局部刷新jsp页面 一.需求 用户在使用复选框时,复选框的选项可能随用户的操作而发生变化,这时需要刷新该复选框选项,同时做到不刷新整个页面,也就是只刷新jsp页面的一部分,使用ajax异步请求 ...

  9. js ajax局部替换,纯JS实现AJAX局部刷新功能

    AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 J ...

  10. 使用AJAX局部刷新页面

    使用AJAX局部刷新页面 局部刷新页面也就是定时性获取数据库信息,此方法也适用于刷新表格,不过表格刷新时会进行闪烁,根据自己代码决定是否使用此方式刷新表格数据(侵删). 方法一 setInterval ...

最新文章

  1. 云计算里的安全:警惕云服务被恶意利用
  2. 如何解决ALV的负数符号前显的问题
  3. 环境变量_UG环境变量设置
  4. map的用法-HD 1029Ignatius and the Princess IV
  5. 如何优化电子邮件营销的效果
  6. 【转】PHP面试题总结
  7. 小汤学编程之JavaEE学习day05——会话管理、文件上传与下载、Ajax
  8. python + opencv: kalman 跟踪
  9. php fpm 日志记录,使用Nginx在PHP-FPM 7上启用错误日志记录?
  10. php编写九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码
  11. mysql hibernate id generator,hibernate annoation (三 id生成器)
  12. PCL_OpenNI安装报错 解决办法
  13. js 时间格式与时间戳的相互转换示例代码
  14. Stanford CoreNLP - 自然语言软件
  15. 一页纸项目管理图书和简单模板
  16. 趋势科技防毒墙—控管中心
  17. bandzip、winzip与7-zip
  18. Git和Gitlab协同工作
  19. Exoplayer简介
  20. php 时区对应的地区,PHP 输出的各个时区对应的时差表

热门文章

  1. vue 仿照抖音视频效果(滑动切换)
  2. Camtasia添加弹题交互教程
  3. 中国四丙基氯化铵市场深度研究分析报告
  4. win10、win7查看激活
  5. 解决scanf无法完整获取带空格字符串问题
  6. Linux umask 函数
  7. 怎么手机录屏?一步一步教会你操作
  8. 固态硬盘 linux 4k 对齐,linux查看硬盘4K对齐方法
  9. 智能合约的编译与ABI
  10. 小孔成像实验探究的软件_小孔成像、凸透镜成像及全部光学内容梳理,超详细!(打印)...