100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > form 表单input hidden 传值提交(框架angular js)

form 表单input hidden 传值提交(框架angular js)

时间:2021-10-18 17:57:45

相关推荐

form 表单input hidden 传值提交(框架angular js)

form表单提交,一些常用属性。

method 有post、get等方式,action 是后台接口地址,

1、这里想要总结的是使用jsp页面,input类型是hidden,给后台传值从而跳转页面,在另外一个页面接收值时需要用到C标签。

<%@ taglib uri="/jsp/jstl/core" prefix="c"%> 引入

<c:set var="id" value="${id}"/>

<script type="text/javascript">

var id = "${id}";

</script>

这样就可以获取到你在前一个页面传的id 值了。

2 input hidden 传值 name 是与后台对应的参数名,value 是要传的值,类型是字符串。如果字符串是一个值完全没问题,若我传的是一个含有json对象的数组,将他转成字符串后,赋值给value ,然后传给后台,会出现报错信息。问题在于数据里面有汉字还有其他符号,需要转义。

介于框架用的是angular js ,直接用过滤器实现转码,也可以直接encode,代码如下。

<input type="hidden" name="str" value="{{ str | encodeURIComponent}}">

app.filter('encodeURIComponent', function() {

return window.encodeURIComponent;

});

到下一个页面,解码var str= decodeURIComponent(str)就可以了。

这里顺带提一下angular js 数组和json 字符串相互转化的方法。angular.toJson(),和angular.fromJson()

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。