美文网首页
review Ajax 01

review Ajax 01

作者: 蝴蝶结199007 | 来源:发表于2017-05-05 00:26 被阅读12次

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML);
AJAX 不是新的编程语言,而是一种使用现有标准的新方法,用于创建快速动态网页的技术;
AJAX 在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页。

(1)知识点

  • (1.1)创建对象
  • (1.2)请求
  • (1.3)响应
  • (1.4)onreadystatechange 事件

(2)细化

  • (2.1)创建XMLHttpRequest对象
    XMLHttpRequest 是 AJAX 的基础,用于和服务器交换数据,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新;
    所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject);
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");
}
  • (2.2)向服务器发送请求
    如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
向服务器发送请求

GET 请求:

xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();

这个时候,我们得到的结果可能是缓存的结果,优化一下:

xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true);
xmlhttp.send();

GET 还是 POST?
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
在以下情况中,使用 POST 请求:
· 无法使用缓存文件(更新服务器上的文件或数据库)
· 向服务器发送大量数据(POST 没有数据量限制)
· 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

AJAX.jpg

link:http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_send.asp

相关文章

  • review Ajax 01

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...

  • ajax 用法

    https://www.w3school.com.cn/jquery/ajax_ajax.asp 01 ajax参...

  • “得罪”了上帝,才做了设计师?

    Work practice experience ​ NO.01 Work review 07.22.2...

  • day9-functionbase

    01 review 容器: list[] dict{} tuple() set{} 使用频率依次降低 特点:...

  • 2018-10-11

    review modern family s01e06 words 40minitesreview effortl...

  • LGTM(???)迷之骚缩写

    原文链接 https://farer.org/2017/03/01/code-review-acronyms/ P...

  • day01review

    package main import "fmt" func main() { }

  • 架构师拥抱敏捷(2019.11.20)

    Sprint review : sprint 评审 代码review 项目完成进度review review一定是...

  • 01Ajax

    Ajax 的运行环境 Ajax 技术需要运行在网站环境中才能生效,当前课程会使用Node创建的服务器作为网站服务器...

  • Ajax-01

    它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。 Ajax 的应用场景 页面上拉...

网友评论

      本文标题:review Ajax 01

      本文链接:https://www.haomeiwen.com/subject/vkcjtxtx.html