转载请注明出处:
本文源自【大学之旅_谙忆的博客】
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;
转载请注明出处:
本文源自【大学之旅_谙忆的博客】