asp .net mvc ajax 传值到后台,并放回JSon值解析
2015-05-10 22:47
441 查看
什么是 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 = dataA; var id = null; id = data[i].L; $('.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); }
相关文章推荐
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- Asp.net Mvc Ajax JsonResult简单使用
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- ASP.NET MVC 标签绑定传值及后台获取并进行修改操作
- ASP.NET MVC AJAX实现 以及如何处理json数据,简介
- ASP.NET 前端AJAX请求数据及后台ashx返回json给前端。
- Ajax发送json格式数据到Asp.net MVC服务端的一些代码片段
- ASP.NET MVC + jQuery + Newtonsoft.Json 快乐的AJAX
- 在Asp.Net MVC中用Ajax回调后台方法
- asp.net mvc框架中,ajax传递json对象,并自动转换成参数对象的方法
- ajax传值到ASP.NET的aspx文件后台代码实现(VB)
- ASP.NET中MVC使用AJAX调用JsonResult方法并返回自定义错误信息
- ajax传递给asp.net mvc 后台数组参数方式
- Asp.net Mvc Ajax JsonResult简单使用
- 在ASP.NET MVC中json的应用(即JsonResult)(asp.net mvc 后台返回json数据方式 )
- asp.net mvc ajax传递给后台数组参数
- asp.net mvc框架中,ajax传递json对象,并自动转换成参数对象的方法
- asp.net mvc ajax上传文件 然后返回json