Ajax学习
关注
分享
扫一扫
Ajax是一种在无需重新加载整个网页的情况下, 能够更新部分网页的技术。
自由与束缚JavaJavaScript
这个作者很懒，什么都没留下…
展开
-
001_Ajax简介
1. 什么是Ajax? 1.1. Ajax = Asynchronous JavaScript and XML(异步的JavaScript 和 XML)。 1.2. Ajax是一种在无需重新加载整个网页的情况下, 能够更新部分网页的技术。通过在后台与服务器进行少量数据交换, Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下, 对网页的某部分进行更新。 ...原创 2020-11-22 21:31:58 · 208 阅读 · 0 评论 -
002_XMLHttpRequest对象
1. XMLHttpRequest是Ajax的基础。XMLHttpRequest对象用于和服务器交换数据。 2. 创建XMLHttpRequest对象 2.1. 所有现代浏览器均支持XMLHttpRequest对象。 2.2. 创建XMLHttpRequest对象的语法: var xmlHttp = new XMLHttpRequest(); 3. 向服务器发送请求 3.1. 如需将请求发送到服务器, 我们使用XMLHttpRequest对象的open()和send()方法: xmlhtt原创 2020-11-22 21:37:15 · 147 阅读 · 0 评论 -
003_onreadystatechange事件
1. onreadystatechange事件 1.1. 当请求被发送到服务器时, 我们需要执行一些基于响应的任务。 1.2. 每当readyState改变时, 就会触发onreadystatechange事件。 1.3. readyState属性存有XMLHttpRequest的状态信息。 1.4. 下面是XMLHttpRequest对象的三个重要的属性: 1.5. 在onreadystatechange事件中, 我们规定当服务器响应已做好被处理的准备时所执行的任务。 1.6. 当read原创 2020-11-22 21:38:45 · 297 阅读 · 0 评论 -
004_Ajax服务器响应
1. 如需获得来自服务器的响应, 请使用XMLHttpRequest对象的responseText或responseXML属性。 2. responseText属性 2.1. 如果来自服务器的响应并非XML, 请使用responseText属性。 2.2. responseText属性返回字符串形式的响应, 因此您可以这样使用: document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 3. responseXML属性原创 2020-11-22 22:21:20 · 151 阅读 · 0 评论 -
005_Ajax get请求获取XML响应
1. 新建一个动态的Web项目 2. 命名为Ajax 3. 编写technology.xml <?xml version="1.0" encoding="UTF-8"?> <technologys> <technology>html</technology> <technology>xhtml</technology> <technology>html5</technology> <原创 2020-11-22 21:43:37 · 185 阅读 · 0 评论 -
006_Ajax发送POST请求
1. 使用我们的Ajax动态WEB项目 2. 编写ajax_post.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax get请求获取字符串响应</title> </head> <body> <h3>请在下面的输入框中键入字母(A - C)：</h3> <for原创 2020-11-22 21:45:42 · 223 阅读 · 0 评论