您的位置：首页 > 编程语言 > Java开发

spring ajax交互简易DEMO

2017-01-11 00:00 85 查看

后台代码:

@RequestMapping(value="/testText.htm")
public void testText(String text,HttpServletResponse resp){
try {
resp.getWriter().write("200");
resp.getWriter().flush();
} catch (IOException e) {
e.printStackTrace();
}
}

前端:

<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%>
<!DOCTYPE h1 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
function sub(){
var text = document.getElementById("text").value;
$.ajax( {
type : "POST",
url : "<%=request.getContextPath()%>/index/testText.htm",
data : {
'remark' : text,
},
dataType: "json",
success : function(data) {
alert(data);
},
error :function(){
alert("网络连接出错！");
}
});
}
</script>
</head>
<body>
<h3>请输入需要测试的文本:</h3>
<input type="text" id="text">
<button onclick="sub()">提交</button>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： spring ajax

相关文章推荐

新的分享

章节导航