`
农村哥们
  • 浏览: 293339 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

XMLHttpRequest

阅读更多
通过不刷新页面进行服务器请求,同时返回结果为当前页面使用。
例如在页面中js中这样写

    <script language="Javascript">    
        
     var http_request=false;    
        
     function send_request(url){//初始化,指定处理函数,发送请求的函数    
        http_request=false;    
        //开始初始化XmlHttpRequest对象    
        if(window.XmlHttpRequest){//Mozilla浏览器    
            http_request=new XmlHttpRequest();    
            if(http_request.overrideMimeType){//设置MIME类型    
                http_request.overrideMimeType("text/html");    
            }    
            }else if(window.ActiveXObject){//IE浏览器    
                try{    
                    http_request=new ActiveXObject("XsXml2.XmlHTTP");    
                    http_request.setRequestHeader("Content-Type","text/Xml");    
                    http_request.setRequestHeader("Content-Type","gb2312");    
                }catch(e){    
                    try{    
                        http_request=new ActiveXObject("Microsoft.XmlHTTP");    
                        http_request.setRequestHeader("Content-Type","text/Xml");    
                        http_request.setRequestHeader("Content-Type","gb2312");    
                    }catch(e){    
                    }    
             }    
        }    
        if(!http_request){ //异常,创建对象实例失败    
            window.alert("不能创建XmlHttpRequest对象实例");    
            return false;    
        }    
		//设置回调函数
        http_request.onreadystatechange=processRequest;    
        //确定发送请求的方式和URL以及是否同步执行下段代码    
        http_request.open("POST",url,true);    
        http_request.setRequestHeader("If-Modified-Since","0");//不要缓存   
        http_request.send(null);    
    }    
//处理返回信息的函数    
    function processRequest(){   
        if(http_request.readyState==4){    
         //判断对象状态    
            if(http_request.status==200){//信息已经成功返回,开始处理信息    
            var result = http_request.responseXML;   
        //获得xml格式的返回数据,可看后台XMLHttpRequestAction.java 处理数据
                var rValue = result.getElementsByTagName("r");   
                
				document.getElementById("userLIST").options.length=0;
         //把获得的数据动态生成下拉列表
                for (var i = 0; i < rValue.length; i++) 
				{
					[color=red]var name = rValue[i].firstChild.nodeValue;[/color]
					var newOption = document.createElement("option");
					newOption.innerHTML = name;
					document.getElementById("userLIST").appendChild(newOption);
				}
                
            }else{//页面不正常    
                alert("您所请求的页面有异常");    
            }    
            
        }    
  }     
       
       
    function getResult(url){   
           //首先把url作为参数传入,通过struts-config调用action
            send_request(url);   
    }
    
    
    function selectVersion() 
	{
		var select = document.getElementById("userLIST");
               //从下拉列表中取出选中项
		document.getElementById("r").value = select.options[select.selectedIndex].text;
	}
       
	</script> 


XMLHttpRequestAction.java
package com.start.struts.action;

import java.io.PrintStream;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

import com.start.struts.form.JumpForm;

public class XMLHttpRequestAction extends Action {
	
	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		try {
               //进入后台后,通过response写返回数据
		PrintWriter out = response.getWriter();
               //xml数据格式
		out.println("<?xml version=\"1.0\" encoding=\"UTF-8\" ?>");   
        out.println("<root>");   
        out.println("<r> r1 </r>");
        out.println("<r> r2 </r>");
        out.println("</root>");   
        response.setContentType("text/xml"); 
		} catch (Exception e) {
			
		}
		return null;
	}
}
分享到:
评论

相关推荐

    window.XMLHttpRequest详解(AJAX工作原理)1

    ### window.XMLHttpRequest详解与AJAX工作原理 #### 引言 在现代Web开发中,**AJAX**(Asynchronous JavaScript and XML)技术是一项至关重要的技术,它允许网页在不重新加载整个页面的情况下从服务器获取数据并...

    XMLHTTPREQUEST

    ### XMLHTTPRequest对象详解 在现代Web开发中,客户端与服务器之间的数据交换是非常常见的需求之一。为了实现这种异步数据通信,JavaScript提供了一种强大的工具——`XMLHTTPRequest`对象。通过这个对象,开发者...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    这一技术的核心是XMLHttpRequest(XHR)对象,它是JavaScript原生提供的一种用于在后台与服务器通信的API。在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 ...

    AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题

    ### AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题 #### 背景与问题概述 在使用AJAX技术进行前后端数据交互时,经常会出现中文字符编码的问题,尤其是在使用`XMLHttpRequest`对象发送请求的过程中。例如...

    XMLHttpRequest中文参考手册

    XMLHttpRequest(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术被称为AJAX(Asynchronous JavaScript and XML)。XMLHttpRequest中文参考手册...

    全面剖析XMLHttpRequest对象.doc

    ### 全面剖析XMLHttpRequest对象 #### 引言:AJAX与XMLHttpRequest的革命 XMLHttpRequest对象是现代网络开发中不可或缺的一部分,它是AJAX(Asynchronous JavaScript and XML)技术的核心,使得网页能够在不重新...

    Ajax中的XMLHttpRequest对象详解

    Ajax 中的 XMLHttpRequest 对象详解 XMLHttpRequest 对象是 Ajax 技术的核心,它是一种浏览器对象,用于模拟 HTTP 的 GET 和 POST 请求。配合 JavaScript,可以实现页面数据在无刷新下的定时更新。 XMLHttpRequest...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    创建XMLHttpRequest对象的方法.rar

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这就是我们常说的AJAX(Asynchronous JavaScript and XML)。本压缩包文件"创建...

    Ajax之XMLHttpRequest详解

    ### Ajax之XMLHttpRequest详解 #### 一、引言 随着互联网技术的发展,用户对Web应用的体验要求越来越高。传统的Web应用程序通常采用请求/响应模型,这意味着每次用户与页面交互(例如点击按钮)都会触发一个新的...

    XMLHTTPRequest属性与方法

    ### XMLHTTPRequest属性与方法 #### 一、XMLHTTPRequest概述 **XMLHTTPRequest** 是一套重要的 API,它允许在浏览器端利用 JavaScript、VbScript 或 Jscript 等脚本语言通过 HTTP 协议发送请求和接收 XML 及其他...

    XMLHttpRequest使用小例子

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行数据交互,实现了页面的异步更新,极大地提升了用户体验。本教程将通过一个简单的例子来探讨XMLHttpRequest...

Global site tag (gtag.js) - Google Analytics