程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> ajax效果模擬——隱藏的iframe無刷新效果

ajax效果模擬——隱藏的iframe無刷新效果

編輯:關於JSP

在ajax流行之前如何實現無刷新提交表單呢?其實用隱藏的iframe完全可以實現該功能,看一個測試的小例子。

ryAdd.jsp
 

<style type="javascript/text">
  // 全局方法
  function reset(){
       $("txtID").val("");
       $("txtName").val("");
  }
</script>
<form action="xy/ryAdd.action" target="frame">
 <table>
  <tr>
   <td>編號</td>
   <td><input type="text" name="txtID" id="txtID"></td>
  </tr>
  <tr>
   <td>姓名</td>
   <td><input type="text" name="txtName" id="txtName"></td>
  </tr>
  <tr>
   <td colspan="2"><input type="submit" value="提交"></td>
  </tr>
  <tr>
   <td><span id="hint"></span></td>
  </tr>
 </table>
</form>
<iframe name="frame" style="display:none"></iframe>
 
 
Action
public class ryAction
{
 private String msg;
 public String ryAdd()
 {
  try
  {
   ...........
   msg = "添加成功";
  }
  cathc(Exception ex)
  {
   msg = ex.getMessage();
  }
  return "result";
 }
 ..........省略getter,setter方法..............
}
 
 
strust.xml
<action name="ryAdd" class="cn.xy.ryAction" method="ryAdd">
 <result name="result">result.jsp</result>
</action>
 
 
 
result.jsp
<head>
    <script type="text/javascript">
  window.onload = function(){
  // 本頁面獲得的提示信息
  if(document.getElementById('subhint'))
  {
      var hint = document.getElementById('subhint').innerHTML;
       // 找到父頁面
       if(window.parent){
            if(window.parent.reset){
                    window.parent.reset();
            }
            if(window.parent.document.getElementById('hint')){
                    window.parent.document.getElementById('hint').innerHTML = hint;
            }
       }
   }
 };
</script>
</head>
 
<body>
  <span id="subhint">${requestScope.msg}</span>
</body>
 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved