H5调用servlet

最新推荐文章于 2021-07-01 00:10:05 发布

fjzzmsd

最新推荐文章于 2021-07-01 00:10:05 发布

阅读量1.8k

点赞数

文章标签： servlet

本文链接：https://blog.csdn.net/fjzzmsd/article/details/49095535

版权

本文介绍了如何在H5页面中调用Servlet进行数据交互。使用HBuilder作为开发工具，详细讲解了在H5的index文件中编写接口调用的步骤，并结合web.xml配置和Java后端代码来实现整个过程。

摘要由CSDN通过智能技术生成

在H5里面写好程序接口，这儿使用的是Hbuilder软件

在index文件里面写如下代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>

</head>
<body>

	
<script>
mui.plusReady(function(){
     
	mui.ajax('http://10.5.15.10:8080/test/servlet/test',{
		data:{
			category:'news'
		},
		dataType:'json',//服务器返回json格式数据
		type:'post',//HTTP请求类型 ......
		success:function(data){
			alert(data.result);
		}
	});	
});
</script>
	
	
</body>
</html>

在web.xml