使用AJAX异步获取数据

ajax|数据|异步

【导读】本文给出一个例子（使用AJAX异步获取数据），介绍如何去使用AJAX。

AJAX这个名字看起来很神奇，我第一次见到它也被它吸引了，它是Asynchronous JavaScript and XML的简写，异步的JAVASCRIPT和XML，关于AJAX的介绍在网上的介绍太多了，我就不多那么多了，我的口才不好，没他们说的那么精彩，可以去http://zh.wikipedia.org/wiki/AJAX 看看，在这里我只是给大家一个例子，了解如何去使用AJAX。

AJAX最有意思的地方就是可以不用刷新网页而可以和后台进行交互，不需要对页面进行刷新，实现网页与网页间的平滑过渡。使用AJAX不需要安装新的插件，只要求你的浏览器支持JAVASCRIPT。

首先你需要你个JAVASCRIPT中的对象XMLHttpRequest，它是AJAX的核心，我们都围绕着它做事，通过下面的代码可以获取一个：

if (window.XMLHttpRequest){

xmlObj = new XMLHttpRequest();

}else if (window.ActiveXObject){

xmlObj = new ActiveXObject("Microsoft.XMLHTTP");

}

我们通过这个对象的OPEN方法向服务发送请求，

该函数声明为XMLHttpRequest.open(String method, String URL, boolean asynchronous);

method是请求的方式，可以为GET和POST

URL是你要请求的资源

asynchronous是布尔类型，为true表示交互设置为异步

xmlObj.open("GET",URL,true);

xmlObj.send("");

调用send()（参数是空或是null）将会发起一次请求，

对于GET方式的请求，两次同样的请求将会得到相同的结果，

由于为将交互设置为异步方式，因此要为指定一个回调函数：

xmlObj.onreadystatechange = callBackFunction;

剩下的事就交给回调函数处理了。

有一点要注意了，用Servlet或JSP来响应异步请求时，

要设置reponse的contentType属性指明是XML格式：

response.setContentType("text/xml");

一切都准备好了，那我们现在来做一个简单的异步请求，并将请求返回的结果显示出来：

客户端：

发送请求

看这里!

以下是data.jsp

<%response.setContentType("text/xml");%>

Zjcfan

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索javascript
， ajax
， ajax的异步请求
，函数
， xmlhttprequest
，异步请求数据
， ajax 异步拦截
， ajax异步
， ajax的异步请求aspnet
，一个
， ajax异步请求
， ajax异步刷新
，异步获取
方式
ajax异步请求获取数据、ajax异步获取数据、使用ajax获取数据、ajax 异步获取 openid、ajax异步获取返回值，以便于您获取更多的相关知识。

时间： 2024-11-01 09:28:16

使用AJAX异步获取数据

使用AJAX异步获取数据的相关文章

PHP+JQuery+Json异步获取数据实现AJAX

大数据-ajax异步请求数据问题。。。看不出哪里错了。。。跪求大神指点。。。

Ajax异步提交数据返回值的换行问题实例分析_AJAX相关

ajax异步调用数据实例

关于绑定点击提交AJAX，获取数据的事件重复执行的问题

DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序，过滤，分页等）_jquery

Ajax异步提交数据返回值的换行问题实例分析

利用Asp.net Ajax异步获取xml文档内容

WordPress中利用AJAX异步获取评论用户头像的方法_javascript技巧