美文网首页
ajax简介及JS写原生ajax

ajax简介及JS写原生ajax

作者: qhaobaba | 来源:发表于2017-06-19 23:25 被阅读0次

    ajax

    1.什么是ajax

    ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。

    AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下, 对的某部分进行更新。

    传统的网页(不使用AJAX)如果需要更新内容,必需重载整 个网页面。

    2.ajax所包含的技术

    大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下 列技术组合⽽成。

    1.使用CSS和XHTML来表示。

    2. 使用DOM模型来交互和动态显示。

    3.使用XMLHttpRequest来和服务器进行异步通信。

    4.使用javascript来绑定和调用。

    4.ajax原理

    Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步 请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。

    5.ajax请求的实现

    1.创建XmlHttpRequest对象

    if (window.XMLHttpRequest) {

    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

    xmlhttp=new XMLHttpRequest();

    } else {

    // IE6, IE5 浏览器执行代码

    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

    2.连接服务器

    xmlhttp.open(“GET","http://127.0.0.1:8080",true);

    3.发送请求

    xmlhttp.send();

    4.等待服务器返回内容,并处理

    xmlhttp.onreadystatechange=function() {

    if (xmlhttp.readyState==4 && xmlhttp.status==200) {

    document.getElementById("btn").innerHTML=xmlhttp.responseText;

    }

    }

    相关文章

      网友评论

          本文标题:ajax简介及JS写原生ajax

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