jquery 传递数组到后台 及 获取后台JSON数据并显示
来源:互联网 发布:php会员管理系统源码 编辑:程序博客网 时间:2024/05/29 07:36
前台:js
$.get(
"TestServlet",
{name:"name1", pwd: "123", "color[]": ["red", "green", "black"]},
function(data, status, xhr) {
alert("result " + data + ";" + status);
}
);
后台:
TestServlet.java
doGet
String[] color = request.getParameterValues("color[]");
for(String c : color) {
Sysout(c);
}
Result:
red
green
black
获取Servlet JSON数据,采用两种JQuery方法 $.get 和$.getJSON
JsonServlet.java
//flag 判断 是 $.get 还是$.getJSON方法 0代表 get
//测验了一下,貌似 get 方法 需Server 声明为 JSON数据,但 getJSON 会自动转化 数据为 JSON 故可以不用声明JSON类型
if(request.getParameter("flag").equals("0")) {
response.setContentType("application/json");
}
//构造json 数据
String jsonArray = "[{\"name\", \"zhangsan\", \"address\", \"shanghai\"}, {\"name\", \"lisi\", \"address\", \"beijing\"}]";
PrintWriter pw = response.getWriter();
pw.write(jsonArray);
pw.close();
jsp 页面:
<div id="show1">$.get to get JSON from Server</div><br>
<div id="show2">$.getJSON to get JSON from serer</div><br>
<button id="showJson1">$.get</button><br>
<button id="showJson2">$.gerJSON</button>
json.js
$(document).ready(
function() {
// $.get method must receive the JSON data from server, so
// we should decare the setContentType("application/json") in
// servlet
$("#showJson1").click(
function() {
$.get("JsonServlet", {
flag : "0"
}, function(data) {
alert(data);
$("#show1").empty();
$.each(data, function(index, d) {
$("#show1").append(
"<span>" + "json " + index + ": name "
+ d.name + ", address "
+ d.address + "</span><br>");
});
});
});
// $.getJSON method will automatically transform the data from
// server
// to JSON pattern and output it
// that is to say we don't need to declare the
// contentType("application/json") in servlet
$("#showJson2").click(
function() {
$.getJSON("JsonServlet", {
flag : "1"
}, function(data) {
alert(data);
$("#show2").empty();
$.each(data, function(index, d) {
$("#show2").append(
"<span>" + "json " + index + ": name "
+ d.name + ", address "
+ d.address + "</span><br>");
});
});
});
});
输出:
json 1: name zhangsan, address beijing
json 1: name zhangsan, address beijing
- jquery 传递数组到后台 及 获取后台JSON数据并显示
- jquery传递数组到后台
- js将json数组传递到后台及接收
- 页面拼写json数组,传递到后台
- ajax传递json对象数组到后台
- 复选框选中table一行的数据,并组成JSON数组对象传递到后台,在后台解析遍历
- Jquery datatable jsonp 显示后台json数据
- jquery从后台获取json数据
- jQuery 获取 ckeditor 数据 并 提交后台
- SSM将后台获取的数据转换成json格式传递到前台页面
- js实现表格的增删改,并获取表格中的数据传递到后台中。
- jquery遍历从后台传过来的实体类list数组,并显示到jsp页面
- JS获取复选框的值,并传递到后台
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- js传递数组到后台
- Ajax 传递数组到后台
- js传递数组到后台
- js传递数组到后台
- Map接口及其子类
- pam会话函数详解
- VS2010/MFC入门编程八(控件Tree Control的操作)
- 规划法规范的地方
- D-HEAPS
- jquery 传递数组到后台 及 获取后台JSON数据并显示
- 你真的有必要退出吗——再说Android程序的退出功能
- JAVA引用
- struts2:java.lang.NoSuchMethodException异常
- CAS客户端认证流程
- Python yield资料整理
- 数字整除
- 为什么呢?
- iPhone开发笔记(22)-JSONValue Failed. Error is : Unescaped control character的解决方法