如何通过js 获取json数据

如何通过js 获取json数据,第1张

==========================================

js 中读取JSON的方法探讨

js读取JSON的方法我接触到的有两种:

方法一:函数构造定义法返回

var strJSON = "{name:'json name'}";//得到的JSON

var obj = new Function("return" + strJSON)();//转换后的JSON对象

alert(objname);//json name

方法二:js中著名的eval函数

var strJSON = "{name:'json name'}";//得到的JSON

var obj = eval( "(" + strJSON + ")" );//转换后的JSON对象

alert(objname);//json name

第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则

var strJSON = "{name:'json name'}";

var obj = eval(strJSON);

alert(objconstructor);//String 构造函数

alert(objname);//undefine

必须把对象表达式扩起来eval执行才能生成一个匿名对象!

通过url传参。

如果是HTML页面的话,JS传到新页面就输入windowlocationhref='ahtmlid=100'。然后ahtml页面的JS就<div id="s"></div>

<script>

documentgetElementById("s")innerHTML=windowlocationsplit('')[1];

</script>

如果是想要实现AJAX在a页面传参数到b页面,并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是JQUERY的。

<div id="a"></div>

$("#a")load("bhtmlid=100");

//或者

$get("bhtmlid=100",function(data){

$("#a")html(data);})

本地存储sessionStorage 或 localStorage,html5的话可以用 sessionStorage 或 localStorage,很容易的。sessionStorage 是会话存储,关闭浏览器就没了。localStorage 是持久化存储,完全可以替代cookie 存储空间更大。

实现方法:存:sessionStorage["par1"]="123"。取:sessionStorage["par1"] localStorage实现方法和sessionStorage一样。

var Data = eval('(' + json + ')');

var json1 = Datachannelitem; // item是数组

var r = "";

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

    var obj = json1[i];

    r += objtitle + "" + objdescription;

    var cateforys = objcatefory; // catefory是数组

    for (var j = 0; j < cateforyslength; j++) {

        // 中括号方式获取js变量中不允许出现的

        var catefory = cateforys[j];

        r += catefory["-domain"] + catefory["#text"];

    }

}

alert(r);

js是无法直接读取数据库中的数据,但是可以用服务器端脚本与js搭配使用。

如:

<% String testStr = "HelloJava";%>

<script>

alert('<%=testStr%>');

</script>

因为服务端脚本是先运行的,Js是后运行在客户端的。

所以可以先用服务端脚本读取数据库数据 然后放到js里再运行。

以上就是关于如何通过js 获取json数据全部的内容,包括:如何通过js 获取json数据、JS如何从另一个网页获取数据内容进行处理、js获取json数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存