• AJAX简介


    一、什么是AJAX

     AJAX全称Asynchronous JavaScript and XML,就是异步的 JavaScript 和 XML。

    通过AJAX可以向浏览器发送异步请求,其最大的优势在于:在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

    AJAX 不是新的编程语言,不是一门独立的技术,而是一种使用现有标准的新方法。

    AJAX 不需要任何浏览器插件,但是需要用户允许JavaScript在浏览器上执行。

    二、理解XML

    XML 是可扩展标记语言   

    XML 与 HTML相比,XML更加严格没有自闭合标签,书写时必须加上结束标签

    XML 被设计用来传输和储存数据

    XML和HTML标签类似,不同的是HTML中都是预定义标签,XML中没有预定义标签,全都是自定义标签(非常随意),用来表示一些数据

    三、AJAX的工作原理

    相当于在用户层和服务器之间加了一个中间层(Ajax引擎),使用户操作与服务器响应异步化。

    特点:

     Ajax优点

    • 可以无需刷新页面而与服务器端进行通信;
    • 允许根据用户事件来更新部分页面内容;

    Ajax缺点

    • 没有浏览历史,不能回退
    • 存在跨域问题
    • 对SEO不友好(搜索引擎优化)

    四、创建XMLHttpRequest对象

    所有服务器均支持XMLHttpRequest对象(IE5和IE6使用的是ActiveXObject)

    XMLHttpRequest 用于在后台与服务器交换数据。表示可以在不重新加载整个网页的情况下,对网页的某个部分进行更新。

    XMLHttpRequest 对象

    所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

    XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    (一)创建XMLHttpRequest对象的语法:

    变量名  variable = new XMLHttpRequest();

    (二)IE5和IE6中使用ActiveX对象:

    变量名  variable = new XMLHttpRequest("Microsoft.XMLHTTP");

    五、向服务器发送请求

    如果想将请求发送到服务器,使用XMLHttpRequest()  的 open() 和 send() 方法

     语法:

    xmlhttp.open(method , url , async);  规定请求的类型、url、以及是否异步处理请求

    这三个值分别表示(例如,xmlhttp.open("GET","ajax_info.text","true");):

    • method:请求的类型,GET或是POST;
    • url:文件在服务器上的位置;
    • async:true(同步)或 false(异步);

    xmlhttp.send(string);  将请求发送到服务器

    • string:仅用于POST请求
  • 相关阅读:
    codevs 3115 高精度练习之减法 swap
    codevs 3116 高精度练习之加法
    poj 3984 迷宫问题
    codevs m进制转化成10进制
    codevs 1214 线段覆盖
    codevs 3143 二叉树的序遍历
    codevs 3145 汉诺塔
    HDU 5093 Battle ships [二分图匹配]
    HDU 5074 Hatsune Miku [dp] ——2014鞍山现场赛E题
    ZOJ 3793 First Digit (逗比题)
  • 原文地址:https://www.cnblogs.com/nyw1983/p/11637886.html
Copyright © 2020-2023  润新知