JavaScript——ajax技术

JavaScript——ajax技术

                           javascript 在 2003 年时面临着被程序界淘汰的局面，但是 javascript 除了在页面上做些广告特效外，没变法与后台数据交互，这样就显得鸡肋，在加上这个广告使得用户反感，所以就被程序界有所放弃。但是在 2003 年微软的工程师在 com+控件中封装得到了一个 XMLHttpRequest 对象在后，被 Google 工程师发扬光大发明了 Ajax 技术，使得 javascript 焕发了新的生机，可以说 Ajax 就是 javascript 得以生存到现在的直接原因。随着 ajax 技术的不断被使用，javascript 在程序界就显得更加重要了，特别是在 10 年左右的 node.js 的出现，javascript 已经不仅仅是在客户端编程了，在服务器端也有了一席之地。移动互联网的发展也为 javascript 的越来越火提供了强大的动力。 

           经过上面介绍可以得知JavaScript原来的作用是极为单一的，只是做一些简单的作用但是由于ajax技术的诞生，越来越有着极其重要的作用。原生ajax的使用可以分为以下几个步骤:

1、创建XMLHttpRequest对象

var xhr = new XMLHttpRequest(); 

2.打开

//打开连接，open方法有三个参数 

 第一个是访问的请求方式 

  第二个是访问服务器的URL 

第三个是一个Boolean值，true表示异步

  false表示同步，一般为异步，默认是true 

  当请求是GET时，参数可以直接在URL后面拼接，如:

  ajax.do?name=liujianhong&password=123 

  当参数拼接时，一定要加?表示携带参数，当存在多个参数时， 

  每个参数间使用&拼接，注意参数时键值对的方式，以等号连接 

xhr.open("GET","ajax.do",true); 

3、ajax的回调函数 

xhr.onreadystatechange = function() { 

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

alert(xhr.responseText);//得到服务器端的文本数据  

alert(xhr.responseXML);//得到服务器端的XML数据      } 
    };

xhr.send(); 
   }

Ajax 的使用包括了四步： 
1、 得到 XMLHttpRequest 对象，注意如果要兼容 IE6 则使用我注释的代码 
2、 使用 XMLHttpRequest 对象的 open 方法，注意参数问题 
3、 Ajax 的回调函数，服务器响应后，得到数据的处理 
4、 发送请求 send 方法。