通过不刷新页面进行服务器请求,同时返回结果为当前页面使用。
例如在页面中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;
}
}
分享到:
相关推荐
在源网页加载之前,实现一个XMLHttpRequest的代理对象,然后覆盖全局的XMLHttpRequest,这样一但上层调用 new XMLHttpRequest这样的代码时,其实创建的是Ajax-hook的代理对象实例
一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...
问题的关键:如何使用XMLHttpRequest对象。尽管与其说Ajax是一种技术,不如说是一种技巧,但如果没有对XMLHttpRequest的广泛支持,Google Suggest和Ta-da List可能不会像我们看到的有今天这样的发展,而你可能也不会...
XMLHttpRequest 提提提户端端http服务器器讯的协协 Example 下面的代码是在 JScript中创建一个 XmlhTtp对象并从服务器请求一个 XML文档。服务器返回XML文档并显示 var xmlHttpReq = new ActiveXObject("MSXML2....
AJAX(XMLHttpRequest)进行跨域请求方法详解
XMLHTTPREQUEST对象创建,交互,回调底层代码。。。
Ajax深度剖析,XMLHttpRequest对象大揭秘
XMLHttpRequest中文参考手册 很详细,不懂XMLHttpRequest的可以看,高手就不要浪费时间了
创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar
ajax工具,XMLHttpRequest调试工具
全面剖析Ajax XMLHttpRequest对象
全面剖析XMLHttpRequest对象 全面剖析XMLHttpRequest对象
全面剖析XMLHttpRequest对象.doc
详解Ajax的核心对象XmlHttpRequest
JS中基于XMLHttpRequest的Get 请求demo,包含2请求方式的源代码,可直接用于项目开发。