ajax简介及JS写原生ajax实例教程

PHP中文网
Lepaskan: 2017-06-21 11:08:58
asal
1207 orang telah melayarinya

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;
      }
    }

 

Atas ialah kandungan terperinci ajax简介及JS写原生ajax实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan