AJax技术

【AJAX】AJAX技术详细解析以及实例

字号+ 作者:H5之家 来源:H5之家 2017-06-26 14:01 我要评论( )

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】Ajax技术介绍:全称: Asynchronized(异步) Javascript And Xml 技术组成有:

转载请注明出处:

本文源自【大学之旅_谙忆的博客】

Ajax技术介绍:

全称: Asynchronized(异步) Javascript And Xml
技术组成有: Javascript、DOM、CSS 和 XMLHttpRequest

AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

创建 XMLHttpRequest 对象

所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
创建 XMLHttpRequest 对象的语法:

//还可以加函数 } }xmlhttpresponseXML 属性

如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:
请求 books.xml 文件,并解析响应:

xmlDoc=xmlhttp=xmlDoc}document} }GET方式实例演示:index.jsp:>Ajax技术=(window.XMLHttpRequest) {{ url = { txt = xmlhttp.responseText;{ document.getElementById(====>POST方式的ajax演示==/> =>OneServlet:(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType(.println(name+>cn.hncu.servlet.OneServlet> >演示结果:

POST方式实例演示:>Ajax技术=(window.XMLHttpRequest) {{ { txt = xmlhttp.responseText;{ divPost.innerHTML=obj; }> >POST方式的ajax演示==/> =>(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding({ .xmlhttp.open({ txt = xmlhttp.responseText;xmlhttp.open({ txt = xmlhttp.responseText;>=>{ url = { document.getElementById({ { divPost.innerHTML = obj; } { alert(>====>POST方式的ajax演示==/> =></body></html>

servlet还是和刚才的是一个!

演示结果:

返回结果为200-正确的页面:

返回结果为500-错误的页面:
让servlet出一个异常就可以模仿出来了。
例如:int a=12/0;

转载请注明出处:

本文源自【大学之旅_谙忆的博客】

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端学习笔记--AJAX的使用(二)

    前端学习笔记--AJAX的使用(二)

    2017-06-28 18:03

  • ajax技术的核心内容:XMLHttpRequest对象详解

    ajax技术的核心内容:XMLHttpRequest对象详解

    2017-06-26 14:00

  • ajax实时刷新 使用ajax技术无刷新动态调用新浪股票实时数据

    ajax实时刷新 使用ajax技术无刷新动态调用新浪股票实时数据

    2017-06-23 12:02

  • day19-jQuery&Ajax

    day19-jQuery&Ajax

    2017-06-23 11:06

网友点评
=