博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax的基本用法
阅读量:5860 次
发布时间:2019-06-19

本文共 1398 字,大约阅读时间需要 4 分钟。

hot3.png

客户端js:

<script type="text/javascript">

function testBack(){
//创建对象
var req;
if(window.XMLHTTPRequest){
req = new XMLHttpRequest();
}else if(window.ActiveXObject){
req = new ActiveXObject("Msxml2.XMLHTTP");
}
//创建请求 请求方式 请求路径  同步/异步
req.open("post","HelloBack",true);
//监听响应信息
req.onreadystatechange = function(){
if(req.readyState==4){
if(req.status==200){
//var result = req.responseText;
//eval("var user = "+result);
//alert(user.uname);
//eval("var users = "+result);
//alert(users[2].realname);
var result  = req.responseXML;
alert(result.getElementsByTagName("uname")[0].firstChild.data);
}
}
}
//发送请求
req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
req.send(null);
}
</script>

servlet:

public class HelloBack extends HttpServlet {

@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
resp.setCharacterEncoding("utf-8");
//第一种普通文本
//resp.setContentType("text/html;charset=utf-8");
//resp.getWriter().print("普通文本");
//Json格式数据
//resp.setContentType("text/html;charset=utf-8");
//resp.getWriter().print("[{uname:'zhangsan',realname:'张三三1'},{uname:'zhangsan',realname:'张三三2'},{uname:'zhangsan',realname:'张三三3'}]");
//XML格式的数据 返回数据的格式必须要正确
resp.setContentType("text/xml;charset=utf-8");
resp.getWriter().print("<user><uname>zhangsan</uname></user>");
}
}

转载于:https://my.oschina.net/u/1379006/blog/182510

你可能感兴趣的文章
手把手丨我们在UCL找到了一个糖尿病数据集,用机器学习预测糖尿病
查看>>
objective-c优雅的语法
查看>>
控制反转容器&依赖注入模式
查看>>
过滤Emoji表情&#128522;
查看>>
13.11. this is incompatible with sql_mode=only_full_group_by
查看>>
Particles.js基于Canvas画布创建粒子原子颗粒效果
查看>>
可以搜索到DedeCms后台文章列表文档id吗?或者快速定位id编辑文章
查看>>
递归神经网络 简单示例
查看>>
基础知识(C#语法、数据库SQL Server)回顾与总结
查看>>
程序员和烟民
查看>>
关于alter table move
查看>>
AWR中的主要事件分析精讲
查看>>
Oracle 12c数据库升级实战
查看>>
Oracle 常见问题
查看>>
基于二部图的推荐
查看>>
论文中的state-of-the-art
查看>>
JS编程建议——22:少用函数迭代
查看>>
Linux下服务器端开发流程及相关工具介绍(C++)
查看>>
postgresql 授权某个数据库的权限给test 账号 使该账号 只能操作指定DB 不能操作其他DB...
查看>>
基于纯Java代码的Spring容器和Web容器零配置的思考和实现(1) - 数据源与事务管理...
查看>>