html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="C:\Users\80972\Desktop\html\JS\jquery.js"></script>
</head>
<body>
数据:<input type="text" id="mytext"><button onclick="send()">发送</button>
<span id="received"></span>
</body>
<script>
function send(){
var data=$('#mytext').val();
$.ajax({
url: '../Text',
type: 'GET',
data: 'mytext='+data,
success: function(data) {
//alert(data);
//成功处理
$('#received').html(data);
},
error: function(e) {
//失败处理
console.log(e);
}
});
}
</script>
</html>
servlet:
package Name;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class Text
*/
@WebServlet("/Text")
public class Text extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public Text() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//response.getWriter().append("Served at: ").append(request.getContextPath());
request.setCharacterEncoding("utf-8");//乱码问题
String str=request.getParameter("mytext");//接受参数
response.getWriter().print(str+"da");//返回数据
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("post");
}
}