js获取json数据

js获取json数据,第1张

这些值是你在后台打出来的吧

传到前台来是个一个字符串类型,需要经过转换才可以像对象那样点出来里面的值

架设你JS里面接收这个字符串的变量叫

strJson

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

alert(jsoncity);

alert(jsoncountry);

有两种方法,一种是$ajax(option)方法,一种是$getJSON()方法。

实例:

一、数据集所在jsp页面outjsp,代码如下

<%@page contentType="text/plain; charset=UTF-8"

language="java"

import="javaio,javanet,javautil"

buffer="8kb"

session="false"

autoFlush="true"

%>

<%

String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";

//outclear();

outwrite(jsonData);

%>

二、js处理页面

(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">

<html xmlns="">

<head>

<title>test</title>

<meta >

js与java是不同语言,运行在不同环境下,因此无法直接获得对方数据。

java运行在服务器端,在同一个jsp文件中,java先运行,js后运行,java可以生成一段js代码,保证js运行得到相应的结果,因此可以用java定义js变量的方式来传递数据,例如:

<script>

var url="<%=url%>";

alert(username);

</script>

上面例子,<%%>中的内容会在服务器端运行,在“”中间输出网址,浏览器就会加载下面的结果:

<script>

var url="gif8cn";

alert(url);

</script>

这部分就是标准的js代码了。

要用jquery

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

Copyright © 1999-2020, CSDNNET, All Rights Reserved

打开APP

js获取值的方式 原创

2018-05-25 09:31:03

奇点码农

码龄15年

关注

每一次 *** 作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

$("selector")val("pxx");

2、设置text为pxx的项选中

$("selector")find("option[text='pxx']")attr("selected",true);

$("selector")find("option:contains('"+dep+"')")attr("selected", true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$("selector")val();

4、获取当前选中项的text

$("selector")find("option:selected")text();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如:$("selector1")change(function(){

// 先清空第二个

$("selector2")empty();

// 实际的应用中,这里的option一般都是用循环生成多个了

var option = $("<option>")val(1)text("pxx");

$("selector2")append(option);

});

通过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一样。

以上就是关于js获取json数据全部的内容,包括:js获取json数据、如何通过js获取json数据,传到页面、js怎样取得jsp页面从数据库取得的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存