頁面中嵌入FLEX應用 傳參

2021-08-26 16:03:01 字數 922 閱讀 3757

頁面中嵌入flex應用-傳參

2023年06月29日

專案需要在頁面的某div中動態展現圖表資料,最終選用flex進行資料展現。

為了實現這一目標,著手之初考慮了下大致需要如下步驟:

1、頁面觸發事件將資料查詢條件引數動態傳遞給flex應用(swf);

page(with param) -> flex

2、flex應用獲取到查詢條件,向後台服務(如:servlet)發請求,獲取資料源(如:xml);

flex(with param) -> servlet

servlet(xml) -> flex

3、flex展現資料。

flex display xml data.

為了實現引數傳遞,費了些周折。最後集中在兩個技術點上:

其一,頁面向flex傳參,靜態方式可使用flashvars進行: --> alternative content --> 那麼其中的url的值如何動態賦值呢?我們希望動態的獲取引數,並且將這些引數傳遞給swf,並且將swf展示在某div中。那麼便可使swfobject來協助實現:

swfobject的使用方法非常簡單:

2、頁面中引用:

3、頁面中編寫事件響應js**: function outputflash() 這段**,主要是例項化乙個swfobject物件,將swf的名稱及需要傳遞的引數告訴該物件,最後將結果swf輸出至頁面中的某div中即可。

其中的引數用法可詳見另外一篇博文:

4、頁面中自然需要定義id為some_div的div,如: 5、頁面中做乙個事件觸發,比如按鈕之類觸發outputflash() js函式即可。

那麼當使用者觸發該函式後,將會在some_div中看到swf已經內嵌進頁面當中。當然,這裡只是提前透露了結果,後半部分:flex獲取引數並向後台傳送請求的實現,請接著往下看:

頁面嵌入iframe關於父子傳參呼叫

1 首先來說一下iframe是幹什麼用的 iframe是html標籤,作用是文件中的文件,或者浮動的框架 frame iframe元素會建立包含另外乙個文件的內聯框架 即行內框架 通俗點說就是在乙個頁面中通過寫iframe標籤來嵌入另乙個頁面 2 的實現 首先是父元素 iframe父子頁面互調 ti...

vue頁面跳轉傳參問題傳參

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

vue頁面傳參

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