頁面中嵌入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 ...