求助,怎么将JS获取的JSON数据赋值到HTML页面的label中

求助,怎么将JS获取的JSON数据赋值到HTML页面的label中,第1张

给你一个大致的方案,具体想要实现的方法自己解决,不懂再问。

先要导入这两个包:

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript" src="js/jsonjs"></script>

<input type="button" value="使用Json请求去后台获取数据返回是json对象" onClick="toJson();">

function toJson()

{

/发出是json请求:返回的字符串是json对的字符串/

$getJSON("jsonViewServletfalg=2",null,function call(data){jsonResponse(data);});

}

我这里java代码是用servlet实现:

if ("2"equals(flag)) {

JSONObject resultJSON = new JSONObject();

try {

resultJSONput("sex", "男");

resultJSONput("age", "22");

resultJSONput("name", "张三");

Systemoutprintln(resultJSONtoString()); / {"sex":"男","name":"张三","age":"22"} /

} catch (Exception e) {

eprintStackTrace();

}

outprint(resultJSONtoString());

}

假如你这个json对象用变量j表示

用下面代码

var t='', k=jstudentjson;

//得到数组k

for(var i=0;i<klength;i++){

    var m=k[i];

    t+=['<tr><td>'+m['学号'],m['姓名'],m['性别'],m['班级']+'</td></tr>']join('</td><td>');

}

t='<table><tbody>'+t+'</tbody></table>';

//得到表格html代码t

angularjs读取json中的某个字段的方法是利用json的api实现的。

思路:先把js字符串转化成json结构,然后利用取属性运算符获取各个属性。

1、例如有以下json数据:

var data = {

"resultList": [

"{\"lookupKey\":2,\"clientKey\":1,\"codeName\":\"ApplicationAppType\",\"codeValue\":\"ApplicationType2\",\"codeDesc\":\"##\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationAppType\"}",

"{\"lookupKey\":3,\"clientKey\":1,\"codeName\":\"ApplicationClass\",\"codeValue\":\"Tier 1\",\"codeDesc\":\"Critical Application requiring immediate response in case of a disruption of Service\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationClass\"}"

]

};

2、利用angularfromJson解析代码如下:

$scoperesult = [

angularfromJson(dataresultList[0]),

angularfromJson(dataresultList[1])

];

alert($scoperesult[0]codeName);

结果是:ApplicationClass

3、这样就获取到了json字符串中的codeName的值。

这样试试呢?不过还是建议老老实实看文档。newVue({el:'#post_from2',ready:function(){varself=this;this$>

json={

"a":123,

"b":"测试",

"c":["shuju","ceshi"],

"d":{

"a":"二级栏目"

}

}

以上为json原型,要提取的话就是:

jsona //123

jsonc[0] //shuju

jsonda //二级栏目

这样就可以提取到对应的数据了~

提取出数据来之后你想怎么放都可以了~

以上就是关于求助,怎么将JS获取的JSON数据赋值到HTML页面的label中全部的内容,包括:求助,怎么将JS获取的JSON数据赋值到HTML页面的label中、怎么样在js代码中获取json对象中的数据,我刚开始学到json对象这不太熟,求详细代码!加急我在线等!、angularjs怎么读取json中的某个字段等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9682665.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存