ajax请求返回xml数据(含服务端代码)
来源:互联网 发布:java中异步请求 编辑:程序博客网 时间:2024/06/05 01:55
ajax技术目前已经被jquery包装的比较完美,但自己使用的地方仍然很多,所以需要自己能够自定义ajax方法。
以下是从前端ajax发出请求,后台响应返回xml数据,ajax接收并处理的完整过程,实例简单易懂,可以根据实际情况进行修改。
后台代码为Java。
jsp页面
<script>
//定义ajax引擎
var myXmlHttpRequest="";
//获取ajax引擎函数
function getXmlHttpObject(){
var xmlHttpRequest;
//不同的浏览器获取对象xmlhttprequest 对象方法不一样
if(window.ActiveXObject){
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttpRequest=new XMLHttpRequest();
}
return xmlHttpRequest;
}
主函数
function getTqByAjax(){
myXmlHttpRequest=getXmlHttpObject();
//判断创建ok
if(myXmlHttpRequest){
//通过myXmlHttpRequest对象发送请求到服务器的某个页面
var url="<c:url value='/preInfo.tq?method=getTqByAjax'/>";
//这个是要发送的数据
var data=""; //我这里为空
//打开请求.
myXmlHttpRequest.open("post",url,true);
//还有一句话,这句话不能少.
myXmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//指定回调函数.chuli是函数名
myXmlHttpRequest.onreadystatechange=chuli;
//真的发送请求,如果是get请求则填入 null即可
//如果是post请求,则填入实际的数据
myXmlHttpRequest.send(data);
}
}
//回调函数,接收数据并处理
function chuli()[
//window.alert("处理函数被调回"+myXmlHttpRequest.readyState);
if(myXmlHttpRequest.readyState==4){
var xmlDoc=myXmlHttpRequest.responseXML;
//取出mes节点值
var mes=xmlDoc.getElementsByTagName("mes");
//window.alert(mes.length);
//mes[0]->表示取出第一个mes节点
//mes[0].childNodes[0]->表示第一个mes节点的第一个子节点
window.alert(mes[0].childNodes[0].nodeValue);
//这里写你的代码
//………………
}
}
</script>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Java后台
@RequestMapping(params = "method=getTqByAjax")
public void getTqByAjax (HttpServletRequest request,
HttpServletResponse response){
PrintWriter out = null;
try {
out = response.getWriter();
response.setContentType("text/xml");//告诉浏览器返回的xml类型
response.setHeader("Cache-Control", "no-cache");//告诉浏览器不要缓存数据
StringBuffer buf = new StringBuffer();
buf.append("<?xml version=\"1.0\" encoding=\"GBK\"?>");
buf.append("<res><mes>success</mes></res>");
out.println(buf);
out.flush();
} catch (Exception e) {
// TODO: handle exception
}finally{
out.close();//关闭流
}
}
- ajax请求返回xml数据(含服务端代码)
- ajax请求Struts2返回xml数据方法
- Ajax请求及服务端返回数据解析的陷阱
- jquery ajax 请求、解析返回来的xml数据
- Ajax返回XML数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- Ajax返回xml类型数据
- .net 饼状图,,, ajax异步请求数据 返回xml格式的数据
- ajax请求数据,返回数据顺序问题
- (跨域)jquery.ajax提交请求并返回json数据
- GWT 加入服务端代码 ,从服务端返回数据
- jquery ajax请求返回xml,html,text,json,..数据实例详解
- ajax请求不返回html代码
- jQuery Ajax请求返回对象列表数据
- ajax请求Struts2返回JSON数据方法
- HBase编程实例
- 遍历iOS相册
- openfire之SSL认证
- 【设计模式】中介者模式
- Java web项目的各种路径的获取
- ajax请求返回xml数据(含服务端代码)
- *LeetCode 62. Unique Paths 记忆化搜索 or 组合数学
- A 牛牛
- 信道的极限容量——奈氏准则、奈圭斯特公式、信噪比、香农公式
- 项目导包-->V7包报错及解决方法
- Java操作远程共享资源(JCIFS)
- 韩顺平 javascript教学视频_学习笔记8_js系统函数_js函数调用方式
- 字符串的序列化
- 网页设计和网页开发人员常用到的Google Chrome扩展