<script type="text/javascript" src="jquery-162minjs"></script>
<script type="text/javascript">
$getJSON(">
jsp页面的数据转换成json格式可以采用js来解析,bookList = new ArrayList<Books>JSONObject json = new JSONObjectjsonaccumulate("bookList", bookList);
jsonaccumulate("pageNum", pageNum);
jsonaccumulate("totalPages", totalPages);
jsonaccumulate("totalNum", totalNum);
jsonObj = jsontoString();
jsonObj = {"totalNum":5,"bookList":[{"catGrade":null,"sourceCat":"xx","catProseries":"yy"}, {"catGrade":null,"sourceCat":"yy","catProseries":"xx"}],"totalPages":3,"pageNum":2}
function(data){//回调函数
var json = eval("("+data+")"); //将数据转换成json类型var bookList = jsonbookList ;
alert(bookList[0]catGrade);
page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>ajax</title>
<script type="text/javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
$(function(){
$ajax({
url:"testaction",
type:"post",
dataType:"json",
success:function(data){
for(var i in data)
$("#d")append("<input type='text' value='"+data[i]name+"' /><br />");
}
});
})
</script>
</head>
<body>
<div id="d"></div>
</body>
</html>
strutsxml:
<package name="struts" extends="json-default">
<action name="test" class="comtestactiontestAction" method="jsonString">
<result name="success" type="json">
/jsonStringjsp
</result>
</action>
</package>
action:
public class testAction extends ActionSupport {
private String wenBen;
public String getWenBen() {
return wenBen;
}
public void setWenBen(String wenBen) {
thiswenBen = wenBen;
}
public String jsonString() throws Exception {
>
下面就使用jQuery读取musictxt文件中的JSON数据格式信息。
首先,musictxt中的内容如下:
复制代码 代码如下:
[
{"optionKey":"1", "optionValue":"Canon in D"},
{"optionKey":"2", "optionValue":"Wind Song"},
{"optionKey":"3", "optionValue":"Wings"}
]
下来是HTML代码:
复制代码 代码如下:
<div>点击按钮获取JSON数据</div>
<input type="button" id="button" value="确定" />
<div id="result"></div>
使用Ajax获取JSON数据的jQuery代码:
复制代码 代码如下:
$(document)ready(function(){
$('#button')click(function(){
$ajax({
type:"GET",
url:"musictxt",
dataType:"json",
success:function(data){
var music="<ul>";
//i表示在data中的索引位置,n表示包含的信息的对象
$each(data,function(i,n){
//获取对象中属性为optionsValue的值
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result')append(music);
}
});
return false;
});
});
当然,也可以使用$getJSON()方法,代码简洁一点:
复制代码 代码如下:
$(document)ready(function(){
$('#button')click(function(){
$getJSON('musictxt',function(data){
var music="<ul>";
$each(data,function(i,n){
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result')append(music);
});
return false;
});
});
$("a")click(function() {
$ajax({
type: "get",
url: "test1json",
dataType: "json",
success: function(response, status, xhr) {
for (var p in response) {
var li = $("<li>" + p + "</li>"),
arr = response[p];
var ul = $("<ul>");
liappend(ul);
for (var i = 0; i < arrlength; i++) {
var lii = $("<li>");
var obj = arr[i];
for (var k in obj) {
liiappend("<div>" + k + ": " + obj[k] + "</div>");
}
ulappend(lii);
}
$("ul")append(li);
}
});
});
});
用jquery的ajax
$post("xxxaction", { 参数名1: "值1", 参数名2: "值2" },function(data){
//data为返回的json字符串,这里转对象
var json = eval("(" + data + ")");
//遍历json
for(var j in json) {
var key = j;
var value = json[j];
}
});
json字符串怎么来
JSONObject json = new JSONObject();jsonput("参数名1", "值1");
jsonput("参数名2", "值2");
return jsontoJSONString();
这里需要用到一个jar包fastjsonjar 已经给你放到附件里面
要是没用json可以这样来,你在java类中,AJAX传值给前台时把你要传的值组装成String,比如你的值是:aa,bb,cc,就把这3个组装成字符串String str="aa:"+"bb:"+"cc";注意相互之间用了一个冒号做标示符,你在传值到JSP后通过JS的方法处理,比如:AJAX接收的是msg,你就这样处理:
var value=msgspilt(":");
alert(value[0]);
alert(value[1]);
alert(value[2]);
这样就能得到你要的值了
以上就是关于在JSP中根据一个url地址,获取JSON数据,显示在页面上,求大神帮忙(急)全部的内容,包括:在JSP中根据一个url地址,获取JSON数据,显示在页面上,求大神帮忙(急)、怎么将jsp页面的数据转换成json格式的数据呢、在JSP页面怎么利用Ajax和jQuery得到结果集等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)