//客户端
<head>
<meta charset="UTF-8">
<title>GetPro</title>
<script type="text/javascript" src="script/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("input:eq(2)").click(function(){
$.get("LoginServlet",{
'username':encodeURI(encodeURI($("#username").val())),
'password':encodeURI(encodeURI($("#password").val()))},
function(data,textStatus){
$("#content").html(data);
},"html");
});
$("input:eq(3)").click(function(){
$.post("LoginServlet",{
'username':encodeURI(encodeURI($("#username").val())),
'password':encodeURI(encodeURI($("#password").val()))},
function(data,textStatus){
$("#content").html(data);
},"html");
});
});
</script>
</head>
<body>
<input type="text" name="username" id="username"/>
<input type="password" name="password" id="password"/>
<input type="button" name="loginGet" value="loginGet"/>
<input type="button" name="loginPost" value="loginPost"/>
<div id="content"></div>
</body>
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
String username=URLDecoder.decode(URLDecoder.decode(request.getParameter("username"),"utf-8"),"utf-8");
String password=URLDecoder.decode(URLDecoder.decode(request.getParameter("password"),"utf-8"),"utf-8");
PrintWriter pw=response.getWriter();
if(username.equals("张三")&&password.equals("1234")){
pw.println("<p>欢迎 "+username+" 登陆</p>");
}else{
pw.println("<p>用户名或密码错误!</p>");
}
pw.close();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
String username=URLDecoder.decode(URLDecoder.decode(request.getParameter("username"),"utf-8"),"utf-8");
String password=URLDecoder.decode(URLDecoder.decode(request.getParameter("password"),"utf-8"),"utf-8");
PrintWriter pw=response.getWriter();
if(username.equals("李四")&&password.equals("1234")){
pw.println("<p>欢迎 "+username+" 登陆</p>");
}else{
pw.println("<p>用户名或密码错误!</p>");
}
pw.close();
}
//客户端
<head>
<meta charset="UTF-8">
<title>GetPro</title>
<script type="text/javascript" src="script/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("input:eq(2)").click(function(){
$.get("LoginXMLServlet",{
'username':encodeURI(encodeURI($("#username").val())),
'password':encodeURI(encodeURI($("#password").val()))},
function(data,textStatus){
var username=$(data).find("username").text();
var password=$(data).find("password").text();
$("#content").html("<p>用户名:"+username+" 密码:"+password+"</p>");
},"xml");
});
$("input:eq(3)").click(function(){
$.post("LoginXMLServlet",{
'username':encodeURI(encodeURI($("#username").val())),
'password':encodeURI(encodeURI($("#password").val()))},
function(data,textStatus){
var username=$(data).find("username").text();
var password=$(data).find("password").text();
$("#content").html("<p>用户名:"+username+" 密码:"+password+"</p>");
},"xml");
});
});
</script>
</head>
<body>
<input type="text" name="username" id="username"/>
<input type="password" name="password" id="password"/>
<input type="button" name="loginGet" value="loginGet"/>
<input type="button" name="loginPost" value="loginPost"/>
<div id="content"></div>
</body>
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/xml;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
String username=URLDecoder.decode(URLDecoder.decode(request.getParameter("username"),"utf-8"),"utf-8");
String password=URLDecoder.decode(URLDecoder.decode(request.getParameter("password"),"utf-8"),"utf-8");
PrintWriter pw=response.getWriter();
StringBuilder xml=new StringBuilder("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n");
xml.append("<student>");
xml.append("<username>"+username+"</username>");
xml.append("<password>"+password+"</password>");
xml.append("</student>");
pw.println(xml.toString());
pw.close();
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/xml;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
String username=URLDecoder.decode(URLDecoder.decode(request.getParameter("username"),"utf-8"),"utf-8");
String password=URLDecoder.decode(URLDecoder.decode(request.getParameter("password"),"utf-8"),"utf-8");
PrintWriter pw=response.getWriter();
StringBuilder xml=new StringBuilder("<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n");
xml.append("<student>");
xml.append("<username>"+username+"</username>");
xml.append("<password>"+password+"</password>");
xml.append("</student>");
pw.println(xml.toString());
pw.close();
}
//客户端
<head>
<meta charset="UTF-8">
<title>GetPro</title>
<script type="text/javascript" src="script/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("input:eq(0)").click(function(){
$.get("LoginJSonServlet",
function(data,textStatus){
var students=data.student;
var res="<ul>\n";
for(var i=0;i<students.length;i++){
var student=students[i];
res+="<li>"+student.username+"--"+student.password+"</li>";
}
res+="</ul>";
$("#content").append($(res));
},"json");
});
$("input:eq(1)").click(function(){
$.post("LoginJSonServlet",
function(data,textStatus){
var students=data.student;
var res="<ul>\n";
for(var i=0;i<students.length;i++){
var student=students[i];
res+="<li>"+student.username+"--"+student.password+"</li>";
}
res+="</ul>";
$("#content").append($(res));
},"json");
});
});
</script>
</head>
<body>
<input type="button" value="GetJSon"/>
<input type="button" value="PostJSon"/>
<div id="content"></div>
</body>
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
PrintWriter pw=response.getWriter();
pw.println("{\"student\":[{\"username\":\"张三\",\"password\":\"1234\"},{\"username\":\"李四\",\"password\":\"4321\"}]}");
pw.close();
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json;charset=utf-8");
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
PrintWriter pw=response.getWriter();
pw.println("{\"student\":[{\"username\":\"李四\",\"password\":\"1234\"},{\"username\":\"张三\",\"password\":\"4321\"}]}");
pw.close();
}
只是将自己写的练习记下来,如果有错误或者可以改进的地方,还请各位大神指点。