ajax传输json数据格式以及规范

最新推荐文章于 2024-05-29 17:38:35 发布

安静点DGC

最新推荐文章于 2024-05-29 17:38:35 发布

阅读量1.8w

点赞数 1

分类专栏： java 文章标签： json ajax jQuery

java 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

（1）

示例：

在JsonServlet中的代码：
import java.io.IOException;
import java.io.PrintWriter;

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 JsonServlet
*/
@WebServlet("/JsonServlet")
public class JsonServlet extends HttpServlet {
private static final long serialVersionUID = 1L;

/**
* @see HttpServlet#HttpServlet()
*/
public JsonServlet() {
super();
// TODO Auto-generated constructor stub
}

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
String str="{";
//在双引号中再次添加双引号时要用\"来表示
str+="\"stud\":[";
str+="{\"studid\":\"1001\",\"studname\":\"张三\",\"age\":\"20\"}, ";
str+="{\"studid\":\"1002\",\"studname\":\"李四\",\"age\":\"30\"}, ";
str+="{\"studid\":\"1003\",\"studname\":\"王五\",\"age\":\"10\"} ";
str+="]";
str+="}";
//上述以str开头的这几行代码在数据多时会很麻烦，所以在实际开发中会引入专门的jar包进行处理
System.out.println(str);
out.println("str");
out.flush();
out.close();

}

}

在jsp中的代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery类库使用演示</title>

<script type="text/javascript" src="${pageContext.request.contextPath/js/jquery.js} }" ></script>

</head>
<body>
<p id="p1">接受json数据</p>
<input type="button" id="btnJson" value="获取Json数据">
<table border="1" align="center" cellpadding="3" cellspacing="1" width="500">
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody id="studList"></tbody>

</table>


</body>
<script type="text/javascript">
$(function(){
$("#btnJson").bind("click",function(){
var url="${pageContext.request.contextPath}/JsonServlet";
$.post(
url,
{

},
function(data){
var arr=data.stu;
$("#p1").text(data.text.length);//这行代码可以取出
var trs="";
for(var i=0;i<arr.length;i++){
trs+="<tr><td>"+arr[i].studid+"</td><td>"+arr[i].studname+"</td><td>"+arr[i].age+"</td></tr>";

}
/*
val():对表单控件设值或者取值
text():对非表单标签设值或者取值（字符串）
html():会对字符串中的HTML标签解析，然后再显示

*/
$("#studList").html(trs);

},
"json"

);


});



});

</script>

</html>

结果如下图：

注意：下面代码是通过引用jar进行更简便的写法，这里没用数据库，所以又建了一个StudentVo类，

安静点DGC

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
ajax传输json数据格式以及规范

（1）示例：在JsonServlet中的代码：import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;impo...
复制链接

扫一扫

专栏目录