1. 程式人生 > >form 表單input hidden 傳值提交(框架angular js)

form 表單input hidden 傳值提交(框架angular js)

form表單提交,一些常用屬性。

method 有post、get等方式,action 是後臺介面地址,

1、這裡想要總結的是使用jsp頁面,input型別是hidden,給後臺傳值從而跳轉頁面,在另外一個頁面接收值時需要用到C標籤。

<%@ taglib uri="http://java.sun.com/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()