基于iframe實(shí)現(xiàn)類似于ajax的頁面無刷新
更新時(shí)間:2014年05月31日 17:33:35 作者:
本方法是基于iframe實(shí)現(xiàn)的,需求是form表單提交帶有文件上傳的input標(biāo)簽,示例如下,感興趣的朋友可以參考下
本方法是基于iframe實(shí)現(xiàn)的,需求是form表單提交帶有文件上傳的input標(biāo)簽,因此不能使用ajax來提交
首先:
<form id="form0" action="${pageContext.request.contextPath}/news/baikeAdd.form" enctype="multipart/form-data" method="POST" target="hidden_frame">
... ...
</form>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
紅字處的屬性值一定要一樣
首先:
復(fù)制代碼 代碼如下:
<form id="form0" action="${pageContext.request.contextPath}/news/baikeAdd.form" enctype="multipart/form-data" method="POST" target="hidden_frame">
... ...
</form>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
紅字處的屬性值一定要一樣
您可能感興趣的文章:
- pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新
- 使用Yii整合的pjax(pushstate+ajax)實(shí)現(xiàn)無刷新加載頁面
- 使用ajax和history.pushState無刷新改變頁面URL示例
- 使用ajax實(shí)現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
- ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
- Ajax無刷新Url提交頁面
- JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn)
- PHP Ajax實(shí)現(xiàn)頁面無刷新發(fā)表評(píng)論
- PHP Ajax實(shí)現(xiàn)頁面無刷新發(fā)表評(píng)論
- pushState實(shí)現(xiàn)Ajax無刷新頁面切換
相關(guān)文章
javascript回調(diào)函數(shù)的概念理解與用法分析
這篇文章主要介紹了javascript回調(diào)函數(shù)的概念理解與用法,結(jié)合具體實(shí)例形式分析了javascript回調(diào)函數(shù)的功能、原理、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05一文快速弄懂webpack動(dòng)態(tài)import原理
無論你開發(fā)使用的是CommonJS規(guī)范還是ES6模塊規(guī)范,打包后的文件都統(tǒng)一使用webpack自定義的模塊規(guī)范來管理、加載模塊,下面這篇文章主要給大家介紹了關(guān)于webpack動(dòng)態(tài)import原理的相關(guān)資料,需要的朋友可以參考下2022-04-04ASP.NET jquery ajax傳遞參數(shù)的實(shí)例
下面小編就為大家?guī)硪黄狝SP.NET jquery ajax傳遞參數(shù)的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11滾動(dòng)條變色 隱藏滾動(dòng)條與雙擊網(wǎng)頁自動(dòng)滾屏顯示代碼
滾動(dòng)條變色 隱藏滾動(dòng)條與雙擊網(wǎng)頁自動(dòng)滾屏顯示代碼2009-12-12原生js?XMLhttprequest請求onreadystatechange執(zhí)行兩次的解決
這篇文章主要介紹了原生js?XMLhttprequest請求onreadystatechange執(zhí)行兩次的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02