在JSP中根据一个url地址,获取JSON数据,显示在页面上,求大神帮忙(急)

在JSP中根据一个url地址,获取JSON数据,显示在页面上,求大神帮忙(急),第1张

<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得到结果集等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9311885.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存