在js中可以引用jsp中的数据吗

在js中可以引用jsp中的数据吗,第1张

你好,

通常来说是可以的。我给你列举两种方法,你根据你的情况选择适合你的吧。

方法一:将jsp中的变量输出到html中的type为hidden的input中,js从input中去取值

<!-- jsp页面中的input元素 -->

<input type="hidden" value="<%=serverData%>" id="J_ServerData">

<!--

当然,挂在某一个DOM元素的属性上也是可以的

<div id="J_DataDiv" data-server-data="<%=serverData%>">页面中的任意DOM节点</div>

-->

<script>

// JS中读取jsp页面中输出到页面中的值

var inp = documentgetElementById('J_ServerData');

// 如果是div

// var node = documentgetElementById('J_DataDiv');

// 取值

var serverData = inpvalue;

// 如果是属性

// var serverData = nodegetAttribute('data-server-data');

consolelog(serverData);

</script>

方法二:JS可以通过AJAX与服务端通信,只需服务端封装一个JSP接口,前端即可取到服务端数据,以jQuery为例

$ajax({

    url: 'server_addr/apijsp',

    type: 'get',

    success: function(data) {

        // data 就是服务端(jsp)返回的数据

        consolelog(data);

    }

});

大致就这么多,希望能解决你的疑惑,如有疑问可追问~

js 里的方法 加上返回值

fuction aaa(){

return documentgetElementById('name')value;

}

jsp中

<%= aaa() %>

如果想让两个jsp页面进行交互,首先得先让两个页面建立关系。关系建立的方法有两种:

1

在一个jsp里嵌套另一个jsp

<jsp:include>

<%@include%>

<iframe>等等

2

使用页面跳转,在a页面使用windowlocationhref="bjspkey=value"

可以将JAVA变量在JSP头部定义成全局变量。

然后可以分别在JS和JSP里调用。

因为可以将JS和JSP理解为两个相互独立的块。这2个块里面的变量都是局部变量。 而局部变量是不共享的。

首先很基础的:JS可以直接引用JAVA变量,但JAVA不能引用JS变量。因为页面是先编译JAVA再编译JS,代码如下:

String tbname="bd_bank";

outwrite("<SCRIPT language="+"'"+"JavaScript"+"'"+">var tbname="+"'"+tbname+"'"+";</SCRIPT>");

%>

//下面的javascipt可以直接调用变量tbname

<script language="javascript">

alert(tbname);

</script>

//在js文件中的javascipt一样可以直接使用变量 tbname 啊。

<script language="JavaScript" src="/comm/dbgridjs"></script>

反正两个原则记好:

1、jsp代码中可以构造javascipt语句,当然包括定义备用的javascipt的变量

2、理论上在整个页面中,任何一个地方定义的javascript代码都可以被正确使用。javascipt代码对位置不敏感。

最好的办法先把它给一个表单里,再调用,

<form name="f">

<textarea name=t style="display:none"><%=results%></textarea>

</form>

<script>

function winowonload()

{

alert(focumentftvalue)

}

</script>

以上就是关于在js中可以引用jsp中的数据吗全部的内容,包括:在js中可以引用jsp中的数据吗、如何在js中取到jsp中某个值、在jsp里怎么获取另一个jsp文件里面的javascript变量等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存