javascript中AJAX用法实例分析_javascript技巧

本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下:

兼容地获得XMLHttpRequest对象:

var xhr = null;
if(window.XMLHttpRequest){ //非IE浏览器
  xhr = window.XMLHttpRequest;
}else if(window.ActiveXObject){ //IE浏览器
  try{   //高版本,受msxml3.dll+支持
    xhr = new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
    try{  // 低版本,msxml2.6以下版本使用
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){
     alert("IE浏览器无法创建ActiveXObject对象!");
    }
  }
}

AJAX处理函数:

xhr.open("POST",url,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=stateChangeHandler;
xhr.send(); //var name="clf"; xhr.send(name);
function stateChangeHandler(){
  if(xhr.readystate==4&&xhr.status==200){
   var obj = document.getElementById("targetDiv");
  obj.innerHTML = xhr.responseText;
  }
}

希望本文所述对大家的javascript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, ajax
用法
javascript ajax实例、ajax用法实例、javascript经典实例、javascript ajax、javascript alert用法,以便于您获取更多的相关知识。

时间: 2024-11-01 14:11:42

javascript中AJAX用法实例分析_javascript技巧的相关文章

Javascript中arguments用法实例分析_javascript技巧

本文实例讲述了Javascript中arguments用法.分享给大家供大家参考.具体分析如下: 先来看如下示例: function add(n1,n2){ return n1+n2; } function add(n1,n2,n3) { return n1+n2+n3; } alert(add(1,2)); //NaN,js中调用方法采用就近原则: //而由于该方法没有传入n3,所以结果是NaN js中没有方法重载,怎么解决上面这个问题? //arguments function f1(){

javascript中attachEvent用法实例分析_javascript技巧

本文实例讲述了javascript中attachEvent用法.分享给大家供大家参考.具体分析如下: 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.onclick=method1 obj.onclick=method2 obj.onclick=method3 如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,

Javascript中Array用法实例分析_javascript技巧

本文实例讲述了Javascript中Array用法.分享给大家供大家参考.具体分析如下: JavaScript中的Array对象就是数组,首先是一个动态数组,而且是一个像C#.Java中"数组.List.HashMap/Dictionary"等的超强综合体. Array数组 使用方式: 例1: var citys = new Array(); //创建数组对象,无需初始化长度,动态 citys[0] = '上海'; citys[1] ='北京'; citys[2] = '深圳'; fo

Javascript中innerHTML用法实例分析_javascript技巧

本文实例讲述了Javascript中innerHTML用法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <script type="text/javascript"> function t(){  var cont = document.getElementById('container');  var htmlcode = "<p>哈哈哈哈</p>";  

JavaScript中继承用法实例分析_javascript技巧

本文实例分析了JavaScript中继承的用法.分享给大家供大家参考.具体如下: // define the Person Class function Person() {} Person.prototype.walk = function(){ alert ('I am walking!'); }; Person.prototype.sayHello = function(){ alert ('hello'); }; // define the Student class function

JavaScript中的this实例分析_javascript技巧

以人为镜,可知得失,看来这句话是很有道理的. Demo 1 : 如果是一个全局的function,则this相当于window对象,在function里定义的各种属性或者方法可以在function外部访问到,前提是这个function需要被调用. 复制代码 代码如下: <script type="text/javascript"> //在function中使用this function a() { if (this == window) { alert("this

JavaScript数据库TaffyDB用法实例分析_javascript技巧

本文实例讲述了JavaScript数据库TaffyDB用法.分享给大家供大家参考.具体如下: TaffyDB 是一个免费开源的 JavaScript 库,用于在 Web 上实现一个轻量级的数据访问层,也就是一个简单的数据库. 数据定义: var friends = new TAFFY( [ {name:"Bob", gender:"M", married:"No", age:25, state:"NY", favorite_f

Javascript中innerHTML用法实例分析

 这篇文章主要介绍了Javascript中innerHTML用法,实例分析了实用innerHTML获取对应元素内容的使用技巧,需要的朋友可以参考下     本文实例讲述了Javascript中innerHTML用法.分享给大家供大家参考. 具体实现方法如下:   代码如下: <html> <head> <script type="text/javascript"> function t(){ var cont = document.getElemen

PHP中STDCLASS用法实例分析_php技巧

本文实例讲述了PHP中STDCLASS用法.分享给大家供大家参考,具体如下: PHP中STDCLASS在我们开发应用中使用到的不多,但是PHP中STDCLASS作用是非常的大的,下面我们一起来看PHP中STDCLASS的用法. 在WordPress中很多地方使用stdClass来定义一个对象(而通常是用数组的方式),然后使用get_object_vars来把定义的对象『转换』成数组. 如下代码所示: $tanteng = new stdClass(); $tanteng->name = 'tan