MVC 中使用ajax.beginform异步更新为什么还是刷新了网页

问题描述

Code如下,提交后,整个页面都刷新了。我特意在最底下加了个text,里面的内容会被刷新掉。求指导,谢谢啊!!!<divclass="col-md-12"><divclass="notenote-success">@using(Ajax.BeginForm(newAjaxOptions{HttpMethod="Post",UpdateTargetId="sample_2",InsertionMode=InsertionMode.Replace})){<divclass="form-inline"role="form"><divclass="form-group"><divclass="input-icon"><iclass="fafa-user"></i>@Html.TextBox("UserName","",new{@class="form-control",placeholder="用户名"})</div></div><divclass="form-group"><labelclass="sr-only"for="exampleInputPassword42">Password</label><divclass="input-icon"><iclass="fafa-user"></i>@Html.TextBox("Token","",new{@class="form-control",placeholder="Token"})</div></div><buttontype="submit"class="btnbtn-circlebtn-primary">查询</button><buttontype="button"class="btnbtn-circleyellow-crusta">重置条件</button><buttontype="submit"class="btnbtn-circlepurple-plum">添加数据</button><buttontype="submit"class="btnbtn-circlebtn-success">更新缓存</button></div>}</div><divclass="portlet-body"><tableclass="tabletable-stripedtable-borderedtable-hover"id="sample_2"><thead><tr><th>ID</th><th>用户名</th><th>密码</th><th>临时密码</th><th>Token</th><th>IsActive</th><th>用户类型</th><th>创建时间</th><th>更新时间</th><th>操作</th></tr></thead><tbody>@if(Model!=null&&Model.Count>0){foreach(ApiUserInfoEntityiteminModel){<tr><td>@item.ID</td><td>@item.UserName</td><td>@item.Password</td><td>@item.TempPassword</td><td>@item.Token</td><td>@(item.IsActive>0?"有效":"无效")</td><td>@(item.UserType==1?"1-PC":item.UserType==2?"2-WAP":"3-API")</td><td>@item.CreateTime.ToString("yyyy-MM-ddHH:mm:ss")</td><td>@item.UpdateTime.ToString("yyyy-MM-ddHH:mm:ss")</td><td><ahref="javascript:ban(@item.ID);"class="btndefaultbtn-xsgreen-stripe">详情</a><ahref="javascript:ban(@item.ID);"class="btndefaultbtn-xsblue-stripe">缓存</a></td></tr>}}</tbody></table></div><inputtype="text"value=""/></div>

解决方案

解决方案二:
submit的button就是刷新啊。
解决方案三:
你没写异步提交的事件
解决方案四:
一直就没用这个封装的ajax,感觉怪怪的,还是直接用JQuery的ajax访问controller的action
解决方案五:
不是用了ajax就可以异步刷新你要设置是否允许异步要注意button的type

时间: 2025-01-27 07:14:30

MVC 中使用ajax.beginform异步更新为什么还是刷新了网页的相关文章

ASP.NET MVC中的AJAX应用_实用技巧

一.ASP.NET MVC中的AJAX应用 首先,在ASP.NET MVC中使用自带的ajax功能,必须要导入2个js文件(顺序不能颠倒): ASP.NET MVC提供了2个常用的ajax辅助方法. Ajax.ActionLink 该辅助方法用于在页面上生成具有ajax功能的超链接. 在该辅助方法中有一个AjaxOptions类型的参数,它包括如下属性: Confirm:在发送ajax请求前,弹出确认对话框,该属性就是设置对话框中的提示消息HttpMethod:用于设置请求的类型:Get|Pos

MVC中实现部分内容异步加载

action中定义一个得到结果集的方法 public ActionResult GetItemTree(string title, int itemid, int? page) { pp = new PagingParam(page ?? 1, VConfig.WebConstConfig.PageSize); Common.Page.PagedList<Entity.Res_Item_Resource_R> res_Item_Resource_R = iResourceService.Get

MVC中基于Ajax和HTML5实现文件上传功能_AJAX相关

引言 在实际编程中,经常遇到实现文件上传并显示上传进度的功能,基于此目的,本文就为大家介绍不使用flash 或任何上传文件的插件来实现带有进度显示的文件上传功能. 基本功能:实现带有进度条的文件上传功能 高级功能:通过拖拽文件的操作实现多个文件上传功能 背景 HTML5提供了一种标准的访问本地文件的方法--File API规格说明,通过调用File API 能够访问文件信息,也可以利用客户端来验证上传文件的类型和大小是否规范. 该规格说明包含以下几个接口来使用文件: File接口:具有文件的"读

MVC中基于Ajax和HTML5实现文件上传功能

引言 在实际编程中,经常遇到实现文件上传并显示上传进度的功能,基于此目的,本文就为大家介绍不使用flash 或任何上传文件的插件来实现带有进度显示的文件上传功能. 基本功能:实现带有进度条的文件上传功能 高级功能:通过拖拽文件的操作实现多个文件上传功能 背景 HTML5提供了一种标准的访问本地文件的方法--File API规格说明,通过调用File API 能够访问文件信息,也可以利用客户端来验证上传文件的类型和大小是否规范. 该规格说明包含以下几个接口来使用文件: File接口:具有文件的"读

MVC中根据ajax返回数据,动态添加复杂html内容

问题描述 请教各位,如下代码,有id为abc的div,ajax返回一组数据,根据数据,动态添加一组复杂HTML内容到div中.具体下面代码里,需要添加一个视图my_view到div里,但是视图my_view是很复杂的Html内容,使用append方法,实际会报错,因为my_view转为html后,放进append方法,append的参数为字符串,但my_view有回车换行,js的字符串引号不能换行,除非把my_view全部内容缩为一行.有什么好办法实现我需要的功能吗?<divid="abc

浅析Asp.net MVC 中Ajax的使用_AJAX相关

一.使用System.Web.Mvc.Ajax 1.1 System.Web.Mvc.Ajax.BeginForm 1.2 System.Web.Mvc.Ajax.ActionLink 二.手工打造自己的"非介入式"Javascript" 一.使用System.Web.Mvc.Ajax   1.1 System.Web.Mvc.Ajax.BeginForm      第一步:用Ajax.BeginForm创建Form @using (Ajax.BeginForm( new A

一起谈.NET技术,Asp.net mvc 2中使用Ajax的三种方式

     在Asp.net MVC中,我们能非常方便的使用Ajax.这篇文章将介绍三种Ajax使用的方式,分别为原始的Ajax调用.Jquery.Ajax Helper.分别采用这三种方式结合asp.net mvc去实现一个史上最简单的留言板.     首先看一下原始的Ajax的调用的:      定义CommentController,代码如下: public class CommentController : Controller{private IList<string> _commen

MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证

原文:MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证 MVC中,关于往后台提交的方法有: 1.Html.BeginForm():同步 2.Ajax.BeginForm():异步 3.js或jQuery提交后台 本文体验Ajax.BeginForm()方法.   View model using System; using System.ComponentModel.DataAnnotations;   namespace XHelent.Models { public

ASP.NET MVC中使用ASP.NET AJAX异步访问WebService

使用过ASP.NET AJAX的朋友都知道,怎么通过ASP.NET AJAX在客户端访问 WebService,其实在ASP.NET MVC中使用ASP.NET AJAX异步访问WebService 也没 什么大的差别. 在ASP.NET应用程序里使用ASP.NET AJAX访问WebService通常都是通过 ScriptMananger引入WebService生成客户端代理的方法,同时也可以使用 Microsoft Ajax Library来完成.本文将介绍在ASP.NET MVC中使用AS