IFrame实现的无刷新(仿ajax效果)...

前台代码:

<iframe style="display:none;" name="gg"></iframe>
        <form action="/demo/add" method="post" target="gg">
            <table class="info_form table table-striped">
                <tr>
                    <td>姓名</td>
                    <td><input name="name" /></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input name="age" /></td>
                </tr>
                <tr>
                    <td>颜值</td>
                    <td><input name="yz" /></td>
                </tr>
            </table>
            <button class="btn btn-default" type="submit">确定</button>
        </form><script>function call_back(){  alert("睡你妈逼,起来嗨!");}</script>注意:form的target属性。设置为iframe的name属性值。这样的话后台返回的view会显示在iframe中

后台代码:

public ActionResult Add()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Add(my m)
        {
            testEntities t = new testEntities();
            t.my.Add(m);
            t.SaveChanges();
            return Content("<script>parent.call_back();</script>");
        }

这样页面不会刷新。也可以调js方法。。。。不想用ajax的话。用这个也是不错的选择

时间: 2024-11-04 22:59:35

IFrame实现的无刷新(仿ajax效果)...的相关文章

web 开发之js---巧用iframe实现jsp无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的.    而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法.    开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点.当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人

学习aiax(javascript)--页面无刷新用ajax检查用户名是否已注册(POST方式)

1.jsp代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

学习aiax(javascript)--页面无刷新更新ajax更新时间

1.JSP代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

jQuery实现的无刷新分页演示效果

<!DOCTYPE html> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现的无刷新分页演示效果丨亿诚-潜水曝气机</title> <script type="text/javascript" src="/images/jqu

(iframe实现)无刷新上传图片

Index.aspx 页面 <html> <head> <title>iframe实现无刷新上传图片</title> </head> <body> <input id="photo" name="photo" type="text" style="display: none" /> <iframe id="upfile1&quo

无刷新删除 Ajax,JQuery

1.数据库用上面的,增加一个 DeleteById 的SQL方法delete from T_Posts where Id = @Original_Id 2.设置处理页面 delete.ashx public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string id = context.Request["id"]; //得到用户传过

使用iframe实现页面无刷新提交表单

iframe提交表单其实比ajax要方便一些,当然ajax也有ajax的好处,只是ajax编码处理有时有些麻烦,虽然经过转码是可以解决中文问题,但如果直接使用iframe不存这些问题了,下面来看看. 最近在做一个项目,用到上传图片功能,发现ajax不能enctype="multipart/form-data" 属性的表单,没办法,只能使用form表单直接提交的方法了,但是form表单直接提交会跳转页面,这样很不友好,也不是项目需求,于是上网搜索了一番,发现可以使用隐藏的iframe来实

无刷新分页 Ajax,JQuery,Json

1.数据库设计字段:Id(int) , Msg(varchar(MAX)) , PostDate(datetime) 2.自定义SQL查询方法(强类型DataSet) //SelectCount()方法,用于查询总条数select count(*) from T_Posts //GetPageData(startRowIndex,endRowIndex)方法,用于查询指定范围,分页功能,由于不支持over语句,因此需手动增加参数,方法-右键-属性,里面的 Parameters 增加startRo

【JS】ajax 实现无刷新文件上传

一.摘要 最近在做个东西,需要实现页面无刷新文件上传,目前看到的方法有两种 1) 通过隐藏iframe 实现页面无刷新,适用于不关心上传结果 1 <form target="hiddenFrame" method="post" enctype="multipart/form-data" action='xx'> 2 <input value=""/> 3 <iframe name="hi