AJAX +Struts[图]
1.最基本的使用方法
var XMLHttpReq = false;
function createXMLHttpRequest()...{
try...{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(othermicrosoft)...{
try...{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}catch(failed)...{
XMLHttpReq = false;
}
}
if (!XMLHttpReq && typeof XMLHttpRequest != 'undefined') ...{
XMLHttpReq = new XMLHttpRequest();
}
}
function sendRequest(url,memVal)...{
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
members = memVal;
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
//process return response message
function processResponse()...{
if(XMLHttpReq.readyState == 4) ...{
if(XMLHttpReq.status == 200)...{
updateMenu(members);
}else ...{
// Appear an exception in your request page
alert('Sonic In your Javascirpt code have big Error, you are a ugly pig -_-! ');
}
}
}
2. 在后台放回Text 或者 XML
如果在struts的Aciton方法中,用response.getWriter().write(text);即可将数据返回
text: response.setContentType("text/html");
xml 则: response.setContentType("text/xml");
同时,在action中要返回一个null 的actionforward。
下面是一段JS获取XML的脚本
function parseMessage()
{
var xmlDoc=xmlHttp.responseXML.documentElement;
var xSel=xmlDoc.getElementsByTagName('select');
var select_root=document.getElementById('b87_storage_name');
for(var i=0;i<xSel.length;i++)
{
//取得XML中节点值
var xValue=xSel[i].childNodes[0].firstChild.nodeValue;
//赋给INPUT
select_root.value=xValue;
}
}
服务端:
response.setContentType("text/xml");
response.setHeader("Charset","GBK");
String xml_start="<selects>";
String xml_end="</selects>";
//如果亚显示中文就必须这样设置
String xml = ".<?xml version=\"1.0\" encoding=\"GBK\"?>..............";
response.getWriter().write(xml);
3.GBK中文问题
比较麻烦,见我另外一篇文章.或者beansoft写的
4.其他一些小结,有些是网上摘录的.
1.CACHE
如果使用xmlhttp控件,在发起http请求的时候IE会包办cache策略,很多时候更新了数据却无法获得更新后的数据。一开始试图用传统方式在URL后面加随机数来强制更新,但是IE仍然距不发出新的请求。
一个解决方法是在后台写expires: 0或者其他的禁止前台cache的头,但是这样在数据没有更新的时候又会带来不必要的服务器压力、响应延迟和带宽浪费。
1.最基本的使用方法
var XMLHttpReq = false;
function createXMLHttpRequest()...{
try...{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(othermicrosoft)...{
try...{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}catch(failed)...{
XMLHttpReq = false;
}
}
if (!XMLHttpReq && typeof XMLHttpRequest != 'undefined') ...{
XMLHttpReq = new XMLHttpRequest();
}
}
function sendRequest(url,memVal)...{
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
members = memVal;
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
//process return response message
function processResponse()...{
if(XMLHttpReq.readyState == 4) ...{
if(XMLHttpReq.status == 200)...{
updateMenu(members);
}else ...{
// Appear an exception in your request page
alert('Sonic In your Javascirpt code have big Error, you are a ugly pig -_-! ');
}
}
}
2. 在后台放回Text 或者 XML
如果在struts的Aciton方法中,用response.getWriter().write(text);即可将数据返回
text: response.setContentType("text/html");
xml 则: response.setContentType("text/xml");
同时,在action中要返回一个null 的actionforward。
下面是一段JS获取XML的脚本
function parseMessage()
{
var xmlDoc=xmlHttp.responseXML.documentElement;
var xSel=xmlDoc.getElementsByTagName('select');
var select_root=document.getElementById('b87_storage_name');
for(var i=0;i<xSel.length;i++)
{
//取得XML中节点值
var xValue=xSel[i].childNodes[0].firstChild.nodeValue;
//赋给INPUT
select_root.value=xValue;
}
}
服务端:
response.setContentType("text/xml");
response.setHeader("Charset","GBK");
String xml_start="<selects>";
String xml_end="</selects>";
//如果亚显示中文就必须这样设置
String xml = ".<?xml version=\"1.0\" encoding=\"GBK\"?>..............";
response.getWriter().write(xml);
3.GBK中文问题
比较麻烦,见我另外一篇文章.或者beansoft写的
4.其他一些小结,有些是网上摘录的.
1.CACHE
如果使用xmlhttp控件,在发起http请求的时候IE会包办cache策略,很多时候更新了数据却无法获得更新后的数据。一开始试图用传统方式在URL后面加随机数来强制更新,但是IE仍然距不发出新的请求。
一个解决方法是在后台写expires: 0或者其他的禁止前台cache的头,但是这样在数据没有更新的时候又会带来不必要的服务器压力、响应延迟和带宽浪费。
304

被折叠的 条评论
为什么被折叠?



