1.xml传递数据
index2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test get()</title>
<script type="text/javascript" src="script/jquery-3.1.1.js"></script>
<script type="text/javascript">
$(function() {
$("input:eq(2)").click(function(){
$.get("GetXMLServlet",
{'username':encodeURI(encodeURI($("#username").val())),
'password':encodeURI(encodeURI($("#password").val()))
},function(data,textStatus){
var username=$(data).find("name").text();
var password=$(data).find("password").text();//获取到xml传过来的数据
$("#content").html("<p>用户名:"+username+",密码:"+password+"</p>");
alert(textStatus);
},"xml");
});
});//服务器获得xml格式的数据
</script>
</head>
<body>
<input type="text" name="username" id="username"/><br/>
<input type="password" name="password" id="password"/><br/>
<input type="button" value="登陆"/>
<div id="content"></div>
</body>
</html>
GetXMLServlet.java
package com.login;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/GetXMLServlet")
public class GetXMLServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public GetXMLServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setContentType("text/xml;charset=utf-8");//浏览器传回的是xml格式
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
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");
StringBuilder xml=new StringBuilder("<?xml version=\"1.0\" encoding=\"utf-8\"?>\n");//设置字符串初始值
xml.append("<student>");
xml.append("<name>"+username+"</name>");
xml.append("<password>"+password+"</password>");
xml.append("</student>");
out.println(xml.toString());
out.close();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
截图:
2.JSON传递数据
index3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test get()</title>
<script type="text/javascript" src="script/jquery-3.1.1.js"></script>
<script type="text/javascript">
$(function() {
$("input:eq(0)").click(function(){
$.get("GetJSONServlet",
function(data,textStatus){
var students=data.students;
var res="<ul>\n";
for(var i=0;i<students.length;i++)
{
var student=students[i];
res+="<li>"+student.name+"--"+student.password+"</li>\n";
}
res+="</ul>";
//标签生成节点对象
$(res).appendTo($("#content"));
alert(textStatus);
},"json");
});
});
</script>
</head>
<body>
<input type="button" value="getJSON"/>
<div id="content"></div>
</body>
</html>
GetJSONServlet.java
package com.login;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/GetJSONServlet")
public class GetJSONServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public GetJSONServlet() {
super();
// TODO Auto-generated constructor stub
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setContentType("application/json;charset=utf-8");//浏览器传回的是xml格式
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
out.println("{\"students\":[{\"name\":\"haige\",\"password\":\"1234\"},{\"name\":\"lisi\",\"password\":\"1452\"},{\"name\":\"zhangsan\",\"password\":\"1478\"}]}");
out.close();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
截图: