myAjax方法

来源:互联网 发布:数据库的概念模型设计 编辑:程序博客网 时间:2024/06/16 14:40

   关于Ajax:

AJAX即“Asynchronous Javascript + XML ”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScriptXML标准通用标记语言的子集)。
AJAX 是一种用于创建快速动态网页的技术,是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
Ajax 的核心是 JavaScript 对象 XmlHttpRequest。它是一种支持异步请求的技术。XMLHttpRequest 使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。通过这个对象,您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。XMLHttpRequest对象在大部分浏览器上已经实现而且拥有一个简单的接口允许数据从客户端传递到服务端,但并不会打断用户当前的操作。使用XMLHttpRequest传送的数据可以是任何格式,虽然从名字上建议是XML格式的数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
封装js代码,myAjax方法 (一个小功能,插件)

function myAjax(url,fn,fnload){function ajax(){if (window.XMLHttpRequest){var xhr = new XMLHttpRequest();}else{//IE6var xhr = new ActiveXObject("Microsoft.XMLHTTP");}return xhr;}var request = ajax();request.open("get",url,true);request.send(null);request.onload = function(){if (request.readyState == 4){if(request.status == 200){fn(request.responseText);}else{fnload("失败" + request.status);}}}}

var btn = document.getElementById("btn");btn.onclick = function(){myAjax("load.txt",function fn(ss){alert(ss)},function fnload(dd){alert(dd)});}





0 0
原创粉丝点击