通过不刷新页面进行服务器请求,同时返回结果为当前页面使用。
例如在页面中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工作原理 #### 引言 在现代Web开发中,**AJAX**(Asynchronous JavaScript and XML)技术是一项至关重要的技术,它允许网页在不重新加载整个页面的情况下从服务器获取数据并...
### XMLHTTPRequest对象详解 在现代Web开发中,客户端与服务器之间的数据交换是非常常见的需求之一。为了实现这种异步数据通信,JavaScript提供了一种强大的工具——`XMLHTTPRequest`对象。通过这个对象,开发者...
这一技术的核心是XMLHttpRequest(XHR)对象,它是JavaScript原生提供的一种用于在后台与服务器通信的API。在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 ...
### AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题 #### 背景与问题概述 在使用AJAX技术进行前后端数据交互时,经常会出现中文字符编码的问题,尤其是在使用`XMLHttpRequest`对象发送请求的过程中。例如...
XMLHttpRequest(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术被称为AJAX(Asynchronous JavaScript and XML)。XMLHttpRequest中文参考手册...
### 全面剖析XMLHttpRequest对象 #### 引言:AJAX与XMLHttpRequest的革命 XMLHttpRequest对象是现代网络开发中不可或缺的一部分,它是AJAX(Asynchronous JavaScript and XML)技术的核心,使得网页能够在不重新...
Ajax 中的 XMLHttpRequest 对象详解 XMLHttpRequest 对象是 Ajax 技术的核心,它是一种浏览器对象,用于模拟 HTTP 的 GET 和 POST 请求。配合 JavaScript,可以实现页面数据在无刷新下的定时更新。 XMLHttpRequest...
XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...
XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这就是我们常说的AJAX(Asynchronous JavaScript and XML)。本压缩包文件"创建...
### Ajax之XMLHttpRequest详解 #### 一、引言 随着互联网技术的发展,用户对Web应用的体验要求越来越高。传统的Web应用程序通常采用请求/响应模型,这意味着每次用户与页面交互(例如点击按钮)都会触发一个新的...
### XMLHTTPRequest属性与方法 #### 一、XMLHTTPRequest概述 **XMLHTTPRequest** 是一套重要的 API,它允许在浏览器端利用 JavaScript、VbScript 或 Jscript 等脚本语言通过 HTTP 协议发送请求和接收 XML 及其他...
XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行数据交互,实现了页面的异步更新,极大地提升了用户体验。本教程将通过一个简单的例子来探讨XMLHttpRequest...