表單不刷新頁面,請求處理並接收數據

頁面表單提交,會刷新整個頁面,有時候咱們提交了form,可是不但願當前頁面進行跳轉,這樣就得作得額外處理了。javascript

要這麼作,能夠在form中指定一個target,在本頁面其餘地方寫一個iframe,讓二者關聯起來java

就像這樣的瀏覽器

<form id="formSubmit"  method="post"  class="form-x" target="ifr"></form>

<iframe id="ifr" name="ifr"  src="${ctx}/baseInfo/blank" style="display:none;" ></frame>

這樣進行提交,能夠實現提交後,當前頁面不會進行刷新等操做。post

可是在開發中,還順帶記錄幾個問題:google

  • 若是提交後,須要在返回頁面中獲取展現返回內容的時候,有一個問題,就是當返回內容是單純字符串的時候,且字符串是中文,那麼在iframe中顯示會出現「」????「」亂碼,google瀏覽器下都????,根據網上查詢的幾種方法設置,都失敗了,沒法設置iframe的頁面編碼編碼

  • 返回內容中若是有js內容的話,能夠拼接到「<script type='text/javascript'></script>」,這樣能夠相應的執行到js內容code

相關文章
相關標籤/搜索