asp .net mvc ajax 传值到后台,并放回JSon值解析

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

AJAX定义个用法参考http://www.w3school.com.cn/jquery/ajax_ajax.asp jquery
ajax ajax 方法

AJAX前台调用:

 $.ajax({
                    url: "/manage/getCard",
                    type:'post',
                    data: { "labL": labL, "labA": labA, "labB": labB, "state":state,"config1": config1, "config2": config2, "config3": config3},
                    success: function (data) { //发送成功后返回data,后执行success:
                        //alert(data[0].cd_ID);
                        //alert(data.length);
                         for (var i = 0; i < data.length; i++)
                        {
                            var gb = data[i].cd_RGB;
                            var id = null;
                            id = data[i].cd_ID;
                            $('.color_list').append('<div id="resultColor" class="resultColor" cd_id=' + data[i].cd_ID
                                + ' style="width:100% ;height:200px;background-color:' + gb + '; margin-Bottom:20px;"></div>');

              $(".resultColor:eq(" + i + ")").click(function () {
                 var a = $(this).attr("cd_id");
                        }}

 后台接收并放回JSON:

public ActionResult getLAB(string tb_rgbR, string tb_rgbG, string tb_rgbB)
        {

            var resultJson = new {

                L = tb_labL,
                A = tb_labA,
                B = tb_labB
            };
            return Json(resultJson);
        }
时间: 2024-10-03 13:15:17

asp .net mvc ajax 传值到后台,并放回JSon值解析的相关文章

ASP.NET MVC ajax提交 防止CSRF攻击

//在View中 <script type="text/javascript"> @functions{ public string ToKenHeaderValue() { string cookieToken,fromToken; AntiForgery.GetTokens(null,out cookieToken,out fromToken); return cookieToken+":"+fromToken; }} $function({ ...

ASP.NET MVC AJAX调用JsonResult方法并返回自定义错误信息

一.如何用AJAX调用JsonResult方法 比如FuckController中添加有个返回JsonResult类型的方法FuckJson(): public JsonResult FuckJson() { return new JsonResult() { Data = new List<string>() { "fuck", "shit" }, JsonRequestBehavior = JsonRequestBehavior.AllowGet }

asp.net mvc ajax.beginform()无法上传文件

Asp.Net Mvc使用Ajax.BeginForm上传文件Request.Files始终为null. 使用jquery.form.js插件能解决问题.asp.net mvc ajax.beginform()无法上传文件

asp.net mvc各种传值方式大全

MVC 各种传值方式 ViewData传值. HomeController.cs Co de: public ActionResult Index(){       ViewData["Title" ] = "Home Page" ;      ViewData["Message" ] = "Welcome to ASP.NET MVC!" ;      return View();} Views/Home/Index.asp

26、ASP.NET MVC入门到精通——后台管理区域及分离、Js压缩、css、jquery扩展

本系列目录:ASP.NET MVC4入门到精通系列目录汇总 有好一段时间没更新博文了,最近在忙两件事:1.看书,学习中...2.为公司年会节目做准备,由于许久没有练习双截棍了,难免生疏,所以现在临时抱佛脚.深圳最近的天气反常,许多人感冒了,我也成为其中之一,大家注意身体... 这一篇,我来简单的讲一下接下来项目中会用到的一些杂七杂八的技术. 区域及分离 在15.ASP.NET MVC入门到精通——MVC-路由中,我已经简要说明了区域的分离. 1.右键单击Web项目,“添加”——“区域”,区域名,

ASP.NET MVC Ajax 伪造请求

1.前言 CSRF(Cross-site request forgery)跨站请求伪造,ASP.NET MVC 应用通过使用AJAX请求来提升用户体验,浏览器开发者工具可以一览众山小,就很容易伪造了请求对应用进行攻击,从而泄露核心数据,导致安全问题.微软自带AntiForgeryToken可以解决,而且语法简单(AJAX请求发起时传递给后台一个字符串,然后在Filter中进行校验) 2.场景如下 为了验证一个来自form post请求,还需要在目标action上增加自定义[AntiForgery

asp.net mvc 页面传值的方法总结

转自:http://msprogrammer.serviciipeweb.ro/2012/01/15/usual-methods-to-transfer-data-from-page-to-page-in-asp-net-mvc/ Usual Methods to transfer data from Page To Page in ASP.NET MVC Preamble: In ASP.NET ( like in PHP and other Web frameworks) there are

Asp.Net MVC Ajax

将ASP.NET MVC中的form提交改为ajax提交 在ASP.NET MVC视图中通过 @using (Html.BeginForm()) 产生的是form表单提交代码,可以用javascript代码截获这个form提交,改为ajax提交,示例代码如下: 代码来自:http://www.cnblogs.com/dudu/archive/2011/12/07/asp_net_mvc_form_ajax.html $('#form1').submit(function () {    if (

ASP.NET MVC ajax处理 AjaxResult

1.统一ASPNET MVC 对ajax请求响应格式定义,方便前端统一处理ajax结果. 1)定义程序返回结果数据格式 1 /// <summary> 2 /// 执行结果 3 /// </summary> 4 /// <typeparam name="T"></typeparam> 5 public class RunResult<T> 6 { 7 /// <summary> 8 /// 操作状态 9 /// &