通过onclick函数实现JSP向JS传字符串

通过onclick函数实现JSP向JS传字符串

代码背景：

昨天修改前端代码，需要在界面上弹出一个dialog中显示java对象的一个属性值。
在jsp中可以直接以表格的形式 输出对象item的 字符串属性值 applyGoal，但是实现点击弹出dialog 的 onclick函数 写在js中，所以需要把值传过去。

传值方法
onclick函数参数传值

好的，代码开始：

jsp代码：

<td><a onclick="applygoal.chakan('${item.applyGoal}')">查看详情</a></td>

jsp中，给当前表项中“查看详情”字段添加onclick,让其点击会去执行js中的applygoal.chakan（），可以看到，我将要传的 ${item.applyGoal} 当做该函数的参数来传递到Js中。

注意的是：传字符串，必须得加单引号，括号里是

，不是${item.applyGoal}，不然只能传数字、或者单个字符

js代码：

var applygoal ={
    
    

	chakan:function(goal) {
    
    
			$.dialog({
    
    type: 'alert',content: '申请用途:'+goal}).showModal();
	}
}

直接在js中 构造相应函数即可。
dialog的type有多种选择，要是想要复杂的样式可以定义为iframe,自己定义dialog界面，type为alert时，可以自带一个“确定”按钮，适合作为一种提示来使用。

实现效果：

感悟：
感觉网上dialog的教程分享很乱，自己找了几次教程，出来的总是几篇杂乱的博客，导致写个简单的dialog弹出框也是费事较久，尤其是传字符串要加单引号，前辈们直接cue一下多好！

最后！好的，同为在暴风成长的工作小白，有可能方法比较简单，不够完善，有什么想法一起交流，nice!（后续可能会整理更新一下我自己做过的一些项目、作业）