struts2中Ajax的操作实现及其核心对象XMLHttpRequest对象的使用

我会带着你远行 2022-08-07 13:59 102阅读 0赞

在一个网页文件中可以采用如下的XMLHttpRequest对象的写法实现Ajax的异步操作

function getValueFromServer()
    		{
    			var xmlHttpRequest = null; 
    			
    			if(window.ActiveXObject)
    			{
    				//如果是通过microsoft的activeXObject实现的
    				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
    				
    			}
    			else if(window.XMLHttpRequest)
    			{
    				//如果是通过Firefox和Chrome实现的。
    				xmlHttpRequest = new XMLHttpRequest();
    			}
    			if(null != xmlHttpRequest)
    			{
    				//方法里的true代表是异步的方式，而false是同步的方式 发送GET请求, "MyServlet"表示的是请求的相对url
    				xmlHttpRequest.open("GET","addAction" + "?value1=" + value1 +  "&value2=" + value2,true);
    				
    				xmlHttpRequest.onreadystatechange = ajaxCallBack;
    				/*
    				如果发送的请求是GET类型的,参数赋值null
    				如果有请求参数在xmlHttpRequest.open("GET","MyServlet",true)中的"MyServlet"中添加,形式如"MyServlet?username=hello&password=world"
    				如果是POST的类型的参数以名值对的形式卸载send()方法里面
    				*/
    				xmlHttpRequest.send(null);
    			}
    			
    			
    			
    			
    			function ajaxCallBack()
    			{
    				if(xmlHttpRequest.readyState == 4)
    				{
    					//http请求是正确的(200)
    					if(xmlHttpRequest.status == 200)
    					{
    						//请求的数据格式为普通文本。
    						var responseText = xmlHttpRequest.responseText;
    						
    						document.getElementById("div1").innerHTML = responseText;
    					}
    				}
    			}
    		}

至于服务器端可以采取如下的代码去配合(如果使用的是struts2的话)

ServletResponse httpServletResponse = ServletActionContext.getResponse();
    		
    		PrintWriter printWriter = null ;
    		
    		try
    		{
    			 printWriter = httpServletResponse.getWriter();
    		}
    		catch (IOException e)
    		{
    			e.printStackTrace();
    		}

可以通过PrintWriter类的对象产生一个信号,回传给客户端。在之前的javascript的脚本段中定义的那个回调函数里有一个xmlHttpRequest.responseText; 标示回传的是一个普通的文本的格式而不是一个xml格式也不是一个json数据格式的。并且里面放的值就是PrintWriter对象所返回的数据。

function ajaxCallBack()  
            \{  
                if(xmlHttpRequest.readyState == 4)  
                \{  
                    //http请求是正确的(200)  
                    if(xmlHttpRequest.status == 200)  
                    \{  
                        //请求的数据格式为普通文本。  
                        var responseText = xmlHttpRequest.responseText;  
                          
                        document.getElementById("div1").innerHTML = responseText;  
                    \}  
                \}  
            \}

如果是servlet的话直接就是

PrintWriter printWriter = resp.getWriter(); //res为HttpServletRequest对象

发表评论取消回复

表情：

评论列表（有 0 条评论，102人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX核心对象-- XMLHttpRequest 对象使用详解 (二)

挑战异步性　　本文的后面，我将用很多时间编写和使用异步代码，但是您应该明白为什么 open() 的最后一个参数这么重要。在一般的请求/响应模型中，比如 Web 1.

港控/mmm°/ 2022年09月19日 00:21/ 0 赞/ 284 阅读

相关 AJAX核心对象-- XMLHttpRequest 对象使用详解 (一)

多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的HTML 页面。常常是点击一个按钮，等待服务器响应，再点击另一个按钮，然后再等待，这样一个反复的过

电玩女神/ 2022年09月19日 00:21/ 0 赞/ 291 阅读

相关 Ajax核心--XMLHttpRequest对象

XMLHttpRequest 对象是AJAX功能的核心，学习XMLHttpRequest对象就先从创建XMLHttpRequest 对象开始，了解在不同的浏览器中创建XMLHt

冷不防/ 2022年08月28日 11:56/ 0 赞/ 292 阅读

相关 struts2中Ajax的操作实现及其核心对象XMLHttpRequest对象的使用

在一个网页文件中可以采用如下的XMLHttpRequest对象的写法实现Ajax的异步操作 function getValueFromServer() {

我会带着你远行/ 2022年08月07日 13:59/ 0 赞/ 103 阅读

相关 Ajax技术---核心XMLHttpRequest对象

Ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。

分手后的思念是犯贱/ 2022年07月13日 08:43/ 0 赞/ 333 阅读

相关 AJAX——核心XMLHttpRequest对象

AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,[JavaScript][],HTML,[jQuery][],Css……）重新

末蓝、/ 2022年06月12日 09:42/ 0 赞/ 351 阅读

相关 AJAX——核心XMLHttpRequest对象

转载：https://blog.csdn.net/liujiahan629629/article/details/17126727 AJAX大家已经都知道了，是为了实现异步通

Dear 丶/ 2022年05月21日 01:46/ 0 赞/ 311 阅读

相关 ajax技术的核心 -- XMLHttpRequest对象

ajax是异步加载数据技术标准 ajax包括以下几步骤：1、创建AJAX对象；2、发出HTTP请求；3、接收服务器传回的数据；4、更新网页数据 ajax技术的核心是XMLH

落日映苍穹つ/ 2022年05月10日 12:40/ 0 赞/ 291 阅读

相关 AJAX核心—XMLHttpRequest 对象

我要说的内容都是非常基础的内容，老手就免看了，如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看，帮助理解与记忆。 XMLHttpRequest 对象是A

超、凢脫俗/ 2022年04月16日 03:00/ 0 赞/ 373 阅读

相关 Ajax的XMLHttpRequest对象

XMLHttpRequest对象是Ajax的核心，它有许多的属性、方法和事件以便于脚本处理和控制HTTP的请求与响应。下面是有关XMLHttpRequest对象的一些属

红太狼/ 2021年09月12日 08:44/ 0 赞/ 535 阅读