ajax不理解“可以在不重新加载ajax返回了整个页面网页的情况下,对网页的某部分进行更新。”是什么意思啊?

浅谈Ajax技术实现页面无刷新
作者:sky_tao
字体:[ ] 类型:转载 时间:
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。这篇文章主要介绍了Ajax技术实现页面无刷新的相关资料,需要的朋友可以参考下
ajax (ajax开发)
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
现在一般网站都是用ajax来实现页面无刷新操作的。
什么是无刷新:ajax可以实现页面与后台的数据交互,用户完全感觉不出页面有任何的刷新,这就是AJAX的无刷新。
ajax方法实现:
可以对ajax进行一下封装,方便各个页面进行调用:
function MyAjax(type, url, callBack, data, dataType, asyncType)
if (dataType == null) { dataType = "text"; }
if (asyncType == null) {asyncType = }
type: type, // post或者get
url: url , //url最好加一个url+Math.random(),这样可以保证每次请求的页面被浏览器视为不同
data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}"
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步异步true /false
error: function (XmlHttpRequest, xmlhttp, info) {
success: function (result) {
//回调函数,result,返回值
callBack(result);
调用:MyAjax('post',"url?id=" + id, DoOK);
说明:async:true表示异步。此方式是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正 确的结果才会去执行success,相当于开了两个线程;false是同步,即前台会等待server端返回数据后再执行。
关于Ajax技术实现页面无刷新效果,小编就给大家介绍这么多,希望对大家有所帮助!
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具下次自动登录
关注移动互联网和移动APP开发工具、开发框架、测试工具、微信开发、Android源码、Android开源类库以及各种开源组件的IT科技网站
现在的位置:
& & & AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
& & & AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
& & & AJAX 是一种用于创建快速动态网页的技术。
& & & 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
& & & 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。
& & & Ajax 的核心是 JavaScript 对象 XMLHttpRequest。该对象在Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使你可以使用 & &JavaScript向服务器提出请求并处理响应,而不阻塞用户。
& & & AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
& & & 下面是 Ajax 应用程序所用到的基本技术:
& & & ·HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
& & & ·JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。
& & & ·DHTML 或 Dynamic HTML,用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
& & & ·文档对象模型 DOM 用于(通过 JavaScript 代码)处理 HTML 结构和(某些情况下)服务器返回的 XML。
& & & HTTP 就绪状态表示请求的状态或情形。它用于确定该请求是否已经开始、是否得到了响应或者请求/响应模型是否已经完成。它还可以帮助确定读取服务器提供的响应文本或数据是否安全。在 Ajax 应用程序中需要了解五种就绪状态:
& & & ·0:请求没有发出(在调用 open() 之前)。
& & & ·1:请求已经建立但还没有发出(调用 send() 之前)。
& & & ·2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)。
& & & ·3:请求已经处理,响应中通常有部分数据可用,但是服务器还没有完成响应。
& & & ·4:响应已完成,可以访问服务器响应并使用它。
& & & 实现Ajax封装详见JQuery.
【上篇】【下篇】

我要回帖

更多关于 ajax 返回值整个html 的文章

 

随机推荐