AJAX 基础理论学习笔记

来源:互联网 发布:气象数据共享服务网 编辑:程序博客网 时间:2024/05/24 05:30
  1. AJAX :是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
    AJAX = 异步 JavaScript 和 XML。
    传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
  2. AJAX 工作原理
    这里写图片描述

  3. 原生发ajax请求步骤:
    a.创建XMLHttpRequest对象(简称:XHR);
    b.设置地址参数并发送请求;
    c.回调结果。

响应数据格式:
responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。
这里写图片描述

    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.setRequestHeader("Content-type","application/x-www-form-urlencoded");    //回调函数    xmlhttp.onreadystatechange = function() {        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {            alert(xmlhttp.responseText);        }    }    //发送设置    xmlhttp.open("GET", "/LoginController/isLogin.next ",true);    //发送请求    xmlhttp.send();

附:
get和post的区别:

与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:

  • 无法使用缓存文件(即:上传下载文件操作)
  • 向服务器发送大量数据(POST 没有数据量限制)
  • 发送包含未知字符的用户输入时,POST比 GET 更稳定也更可靠
原创粉丝点击