您现在的位置:计算机技术学习网 > 技术中心 > WEB编程 > JSP >

ajax效果模拟——隐藏的iframe无刷新效果

来源:未知 责任编辑:责任编辑 发表时间:2014-05-10 12:25 点击:

在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')){

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • JSP与Servlet
  • 自己动手写MiniBBS系列(基本篇)之用户登录
  • JSP取当前日期
  • JDBC 入门(一)
  • 打开一个jsp页面默认查询所有数据,调用action
  • 使用JSP标签库验证用户的输入(2)完
  • 自定义JSP标签(tag)浅议
  • WIN98/2000下的jsp服务器
  • JSP内建对象(二)
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1