.NET MVC 异步提交和返回参数

一、后台页面中的接收方法和返回写法

  Jsonresult意味着返回值是json格式,也可以是string或者int等其他类型。

  Httppost代表只接受Post方法。

Mvc中返回Jsonresult的方式

return Json(new { options = backMessage, JsonData= JsonData }, JsonRequestBehavior.AllowGet);

  如果要返回已有的json字符串,可以直接给这个字符串赋值,比如list=jsonString   这样页面中直接读取list,就会获取字符串;如果是泛型集合,也可以使用这种键值和参数的方法进行返回。

二、前台javascript代码的几种写法

  2.1  提交请求

不提交表单,只传递参数,返回字符串

$.ajax({

   type: "POST",

   url: "some.php",

   data: "name=John&location=Boston",

   success: function(msg){

     alert( "Data Saved: " + msg );

   }

});

提交表单,返回字符串

var formData = new FormData($("#form1")[0]);  // 要求使用的html对象

        $.ajax({

            url: ‘http://localhost:6751/Home/AjaxAddUser‘,

            type: ‘POST‘,

            data: formData,

            async: true,

            // 下面三个参数要指定,如果不指定,会报一个JQuery的错误

            cache: false,

            contentType: false,

            processData: false,

            success: function (msg) {

                alert(msg);

                window.location.href = ‘/Home/Index‘;

            },

            error: function (msg) {

                alert(msg);

            }

        });

提交表单,返回json数据!

var formData = new FormData($("#form1")[0]);

            $.ajax({

                url: ‘/Manage/UpdateInfo‘,

                type: ‘POST‘,

                data: formData,

                async: true,

                // 下面三个参数要指定,如果不指定,会报一个JQuery的错误

                cache: false,

                contentType: false,

                processData: false,

                dataType: "json",

                success: function (json) {

                    var msg = json.options;

                    if (msg == "ok") {

                        alert("操作成功!");

                        window.location.href = "/Manage/Main";

                    } else {

                        alert("操作失败!");

                    }

                },

                error: function (json) {

                    alert("上传失败!");

                }

            });

  2.2 json返回值解析

A、使用JSON.parse转化字符串为json对象

var jsonObjForeach = JSON.parse(JSON.stringify(jsonForeach));

B、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

时间: 2024-08-30 14:01:27

.NET MVC 异步提交和返回参数的相关文章

c# mvc ajax 提交与 接收参数

1.ajax 请求 $.post()是jquery一个简单的 POST 请求功能以取代复杂 $.ajax .参数: url,[data],[callback],[type]url:发送请求地址.data:待发送 Key/value 参数.callback:发送成功时回调函数.type:返回内容格式,xml, html, script, json, text, _default. $.post("/Admin/User/UserAdd", data.field, function (da

【转】MVC form提交实体接收参数时空字符串值变成null

问题:entity.BZ的值是null,Request.Form["BZ"]的值是空字符串 目标:让entity.BZ的值是空字符串. 解决方法:在实体的BZ属性上加上 [DisplayFormat(ConvertEmptyStringToNull = false)] 另:若遇到参数实体entity是null的问题,请检查form内标签的name不要跟参数名相同,不区分大小写. 如<input type="text" name="entity&quo

数往知来 ASP.NET MVC HtmlHelper、MVC快速增删改查 Cache MVC3客户端验证 MVC隐式异步提交 &lt;二十八&gt;

一.HtmlHelper.MVC快速增删改查 MVC 在MVC里面请求首先到控制器-->然后 -->数据库数据放在APP_DATE文件夹里, -->js.css文件放在content文件夹里 -->控制器放在Controllers里,控制器要以controller结尾 控制器下面的所有方法都称为action 2)webform跟 aspnet MVC:区别请求的地址不一样了 MVC请求的是控制器下面的action webform:aspx页面或者是一般处理程序 -->a标签

ASP.NET MVC 第三章 异步提交数据

好长时间都没写文章了本来不准备在写文章了,但是我又为什么今天发表文章咧,第一是为了我自己对技术的认识.第二是为了新手不知道怎么去学习MVC写次系列文章. 废话结束吧,接下来我们看看怎么异步实现提交数据到按钮.本章就是为了WebForm用惯了事件驱动.(此处注明下有很多自认为高手的连事件都不懂是什么,不说懂就算了,直接上MVC吧) 我们根据第二章的修改路由代码接着写,此处因为本人PC不在安装VS2010所以就直接用VS2013了,不在说明怎么创建MVC的示例了.这里我使用MVC4,后面会跟大家一起

MVC学习系列-表单的异步提交

MVC中表单的提交有两种方式:jQuery方式.微软异步方式 下面分别就两种方法进行介绍: 1.jQuery方式 <pre name="code" class="html"> <script type="text/javascript"> $(function () { $("#loadingId").css("display","none"); $("

Spring MVC url提交参数和获取参数

普通URL提交参数 该格式url为:url.do?param1=mahc&param2=8888.00 需要在上文中的HelloController对象添加方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 /**      * Spring MVC URL提交参数      * @param name      * @return      */     @RequestMapping(/param)     public ModelAndView getInfo(@Request

MVC之AJAX异步提交表单

第一种用法: 在MVC中,依然可以使用ajax校验,跟在WebForm中的使用时一样的,唯一的区别就是将以前的URL路劲改为访问控制器下的行为 前台 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8

ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码

首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般注册都需要用户填一个验证码信息(防止机器恶意注册),并且这个验证码会提交到后台去进行比对,若是错了则不会检查其他提交信息而直接返回浏览器端提示验证码错误.若是简单地用form表单直接将数据提交到指定的url,当验证码填写错误的信息返回浏览器端的时候,不可避免整个页面都会重新刷新一次,这是用户所不想要

jQuery的表单异步提交(MVC版)

之前在公司做了一个关于热门专业的项目,用到了jQuery的表单异步提交,由于项目是MVC5框架的,所以我的代码也只是针对MVC而言的哦! 代码如下: $.ajax({ type: "POST", url: "/HotMajor/AddOK", dataType:"text", data:$('#hotmajor').serialize(), success: function (dat) { if (dat == "true"