成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

PHP結(jié)合layer處理彈出窗口提交的值

lwx12525 / 1230人閱讀

摘要：為了更加優(yōu)雅的彈出子窗口，我們使用了這一款優(yōu)秀的插件。所以等同于表單提交到頁面自身，只不過是展示在了自身的里。

轉(zhuǎn)載自：http://www.884358.com/php-layer/

在開發(fā)中經(jīng)常會遇到點(diǎn)擊按鈕彈出展示表單，在表單中填寫信息后，點(diǎn)擊保存，最后返回列表頁的情況。

我們想實(shí)現(xiàn)的比較友好的效果通常是：用戶點(diǎn)擊按鈕彈出子窗口，填寫完子窗口中的表單信息后，點(diǎn)擊子窗口中的保存按鈕，頁面提示保存成功，并關(guān)閉子窗口，最后刷新父頁面。

為了更加優(yōu)雅的彈出子窗口，我們使用了layer這一款優(yōu)秀的jQuery插件。在使用過程中，可以很方便的彈出我們想要的頁面，例如表單填寫頁面。
例如如下頁面：




     彈窗測試

點(diǎn)擊“點(diǎn)擊彈出窗口”按鈕，頁面會彈出子窗口顯示http://127.0.0.1/test/layer/f...的頁面內(nèi)容，form.php的代碼如下：

parent.parent.layer.closeAll();parent.parent.layer.msg("添加成功，頁面正在刷新");parent.parent.setTimeout("refresh()",2000);";
    die;
}
?>



     彈窗測試 
    







    

        

            姓名
            
        

        

            年齡

注意表單form的target屬性是指向的本頁面的iframe，target的名稱即為iframe的name。當(dāng)填寫了表單上的信息后，點(diǎn)擊提交按鈕，頁面會將form表單中的信息提交到iframe中，由于iframe沒有指定src屬性，所以iframe的地址是頁面自己，同時(shí)設(shè)置了display:none，所以是不可見的（為了便于觀察效果，你也可以暫時(shí)先把display:none刪除）。所以等同于表單提交到頁面自身，只不過是展示在了自身的iframe里。自身的php代碼里識別到了post過來的數(shù)據(jù)，則會輸出一句js代碼，js代碼的目的是關(guān)閉頂級父窗口的layer彈出窗，并在頂層父窗口中顯示提示信息，最后讓頂級父頁面在兩秒鐘后刷新自己。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/23195.html

相關(guān)文章

  • 【永久開源】layuimini，最簡潔、清爽、易用的layui后臺框架模板。保證一用就會愛上它。

    摘要：后臺模板項(xiàng)目介紹最簡潔清爽易用的后臺框架模板。項(xiàng)目會不定時(shí)進(jìn)行更新，建議和一份，另外有問題請加群。地址定位，可以清楚看到當(dāng)前的地址信息。刷新頁面會保留當(dāng)前的窗口，并且會定位當(dāng)前窗口對應(yīng)左側(cè)菜單欄。移動(dòng)端的友好支持。 layuimini后臺模板 項(xiàng)目介紹 最簡潔、清爽、易用的layui后臺框架模板。 項(xiàng)目會不定時(shí)進(jìn)行更新，建議star和fork一份，另外有問題請加QQ群：76382252...

    Karrdy 評論0 收藏0

  • 【永久開源】layuimini，最簡潔、清爽、易用的layui后臺框架模板。保證一用就會愛上它。

    摘要：后臺模板項(xiàng)目介紹最簡潔清爽易用的后臺框架模板。項(xiàng)目會不定時(shí)進(jìn)行更新，建議和一份，另外有問題請加群。地址定位，可以清楚看到當(dāng)前的地址信息。刷新頁面會保留當(dāng)前的窗口，并且會定位當(dāng)前窗口對應(yīng)左側(cè)菜單欄。移動(dòng)端的友好支持。 layuimini后臺模板 項(xiàng)目介紹 最簡潔、清爽、易用的layui后臺框架模板。 項(xiàng)目會不定時(shí)進(jìn)行更新，建議star和fork一份，另外有問題請加QQ群：76382252...

    bingchen 評論0 收藏0

  • fsLayui快速開始

    摘要：是一個(gè)基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實(shí)現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。注意這里一定要修改為自己項(xiàng)目的配置。列表頁列表頁支持通過表單傳參查詢數(shù)據(jù)，刷新表格等功能。 fsLayui 是一個(gè)基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實(shí)現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載 碼云...

    anquan 評論0 收藏0

  • fsLayui快速開始

    摘要：是一個(gè)基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實(shí)現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。注意這里一定要修改為自己項(xiàng)目的配置。列表頁列表頁支持通過表單傳參查詢數(shù)據(jù)，刷新表格等功能。 fsLayui 是一個(gè)基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實(shí)現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載 碼云...

    lordharrd 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<