jQuery實現巢狀頁面傳參

實現巢狀頁面的傳參，首先要考慮的是父頁面如何儲存值，然後就是子頁面如何獲取值，最後就是如何顯示在頁面中。

在頁面設定乙個button按鈕提交input內輸入的值，儲存父頁面輸入的值，獲取json資料，並將json資料進行儲存。再把要巢狀的頁面載入。

<

!doctype html>
"utf-8"
>
jquery實現巢狀頁面傳參<
/title>
"js/jquery.js"
>
<
/script>
<
/head>
"aintt" type=
"text"
/>
"abtn" type=
"button" value=
"傳值"
/>
<
/div>
"iframe" style=
"width:350px;height:250px;"
>
<
/iframe>
<
/div>
<
/div>
<
/body>
$(function()
parent.$(
"body").
data
("aintt_val"
, str)
;//儲存直接輸入的值
$.getjson
('data/page.json'
,function
(data)); 
$("#iframe").
attr
("src"
,"./children.html");
//巢狀頁面})
;});
<
/script>
<
/html>

將json裡的資料顯示在頁面上，還要對input的type進行一下判斷，如果不是簡單的文字，是checkbo或者radio等其他樣式，要進行一下約束。

<

!doctype html>
"utf-8"
>
jquery實現巢狀頁面傳參<
/title>
"js/jquery.js"
>
<
/script>
<
/head>
從index.html傳過來的值為："bdiv"
>
<
/label>
<
/div>
"color:red"
>json傳值過來：<
/h3>
"print-info"
>
姓名:<
/label>
"text" name=
"patient"
>
<
/div>
門  診  號:
<
/label>
"text" name=
"number"
>
<
/div>
申請醫生:
<
/label>
"text" name=
"doctor"
>
<
/div>
申請時間:
<
/label>
"text" name=
"time"
>
<
/div>
性別:<
/label>
"checkbox" name=
"***" value=
"1">男
"checkbox" name=
"***" value=
"2">女
<
/div>
<
/form>
<
/div>
<
/body>
$(function()
);$.fn.setform =
function
(jsonvalue)
}else})
;}else
if($oinput.
attr
("type")==
"textarea"
)else})
;}<
/script>
<
/html>

詳細參考原文：

vue頁面跳轉傳參問題傳參

vue 的頁面跳轉以及頁面之間傳參其實是乙個很常見的問題，但是整體上會使用的次數很多，有時候頁面的跳轉不需要引數，因為他屬於那種公共的，大家都可以看到。但是當乙個頁面屬於我們非公共的頁面時，我們就需要我們的資料跟著跳轉過來了，比如說我們的個人資訊或者是個人設定，這些都需要我們去帶著引數去請求，否則服...

vue頁面傳參

sessionstorage localstorage 頁面重新整理，丟失資料問題 路由配置 路由跳轉方式 this.router.push user 123 this.router.push this.router.push 跳轉後的頁面，獲取引數this.route.params.userid ...

vue頁面傳參

1 傳的引數是陣列 傳遞引數的頁面 let setstr encodeuricomponent json.stringify this.tabledata this.router.push send setmessageself?setstr setstr 接收引數頁面 mounted 解釋 首先是...