码迷,mamicode.com
首页 > 其他好文 > 详细

近期关于AXAJ的一些小知识点

时间:2019-03-03 22:17:12      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:false   文件   activex   服务   hang   res   func   动态网页   oob   

首先

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

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

创建 XMLHttpRequest 对象

 1 var xmlhttp;
 2 if (window.XMLHttpRequest)
 3 {
 4     //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
 5     xmlhttp=new XMLHttpRequest();
 6 }
 7 else
 8 {
 9     // IE6, IE5 浏览器执行代码
10     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
11 }

向服务端发送请求

xmlhttp.open("GET","ajax_info.txt",true);  //open(method,url,async)   method(请求的类型)GET or POST  url:文件在服务器上的位置
 async true(异步)or false(同步)
xmlhttp.send();    //仅用于  POST  send(string)

onreadystatechange 事件

当请求被发送到服务器时,我们需要执行一些基于响应的任务。

每当 readyState 改变时,就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息。

function myFunction() 
{ 
  loadXMLDoc("/try/ajax/ajax_info.txt",function() 
  { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200)   //readyState==4请求已完成     status==200交易已成功
    { 
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
  }); 
}

更详细有:http://www.runoob.com/ajax/ajax-example.html

近期关于AXAJ的一些小知识点

标签:false   文件   activex   服务   hang   res   func   动态网页   oob   

原文地址:https://www.cnblogs.com/coralLavender/p/10467968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!