asp.net通过ajax传值到后台放回JSon数据解析

ajax介绍

AJAX = 异步 JavaScript 和 XML。

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

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

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

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

AJAX定义个用法参考http://www.w3school.com.cn/jquery/ajax_ajax.aspjquery 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-26 04:08:26

asp.net通过ajax传值到后台放回JSon数据解析的相关文章

mvc使用 ajax能获取后台返回的Json数据,但却不执行回调函数怎么回事?

问题描述 MVC后台Controller代码:publicJsonResultGetPersonInfo(){varperson=new{Name="张三",Age="20",Sex="男"};returnJson(person,JsonRequestBehavior.AllowGet);}前台视图文件代码:<ulid="movieList"></ul><scripttype="text

ajax传值到后台,data该怎么写,求助!!

问题描述 ajax传值到后台,data该怎么写,求助!! ajax传值到后台,这样写直接输出data error: data: ""{'s':'"" + selectedText + ""'}""没办法传带单引号的data: ""{ ""s"":""""+ selectedText+""""

javascript-静态页面使用ajax获取后台传递的Json数据

问题描述 静态页面使用ajax获取后台传递的Json数据 项目中需要用到javascript获取后台传回来的Json数据,需要使用了ajax,页面是自动生成的静态页面,不能够使用到js框架,有办法么? 解决方案 ssh 中 jquery ajax 调用action返回的json数据并传递到页面Struts2结合jquery使用Ajax传递Json数据jsp页面使用json后台数据 解决方案二: 静态页面为什么不能用js,两者根本不矛盾的事情. 解决方案三: 你的意思是不能导入框架的js文件是吗

ajax接受后台返回的json数据不全

问题描述 ajax接受后台返回的json数据不全 后面没东西了 导致ajax直接进入error方法了知道的大神帮忙支支招 , 万分感谢 解决方案 网络不稳定导致数据没有传输完吧...你浏览器直接访问地址能获取到完整的数据没? 解决方案二: 你先检查后台组织json的地方是否组织了正确的数据 解决方案三: 如果是你在后台自己封装的json对象,需要考虑容错,不要因为某一项异常或导致了返回的对象不是一个完整的Json对象.最好是先取值,最后统一封装,而不是动态拼接这种形式,极易出错. 解决方案四:

浅析Ajax后台success传来json数据的问题_AJAX相关

最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据.在$.ajax方法中应该是如何来处理的,简单进行说明. 首先给出要传的json数据:[{"demoData":"This Is The JSON Data"}] 1,使用普通的aspx页面来处理 $.ajax({ type: "post", url: "Default.aspx&quo

浅析Ajax后台success传来json数据的问题

最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据.在$.ajax方法中应该是如何来处理的,简单进行说明. 首先给出要传的json数据:[{"demoData":"This Is The JSON Data"}] 1,使用普通的aspx页面来处理 $.ajax({ type: "post", url: "Default.aspx&quo

js+ajax处理java后台返回的json对象循环创建到表格的方法_AJAX相关

本文实例讲述了js+ajax处理java后台返回的json对象循环创建到表格的方法.分享给大家供大家参考,具体如下: //注:LO是表格的id: 需要自己创建表头, n行,9列的表格: var tab_id; function varify(cardinno) { tab_id=document.getElementById("Layer1"); displayDiv(); tab_id.style.display="none"; var url="get

js+ajax处理java后台返回的json对象循环创建到表格的方法

本文实例讲述了js+ajax处理java后台返回的json对象循环创建到表格的方法.分享给大家供大家参考,具体如下: //注:LO是表格的id: 需要自己创建表头, n行,9列的表格: var tab_id; function varify(cardinno) { tab_id=document.getElementById("Layer1"); displayDiv(); tab_id.style.display="none"; var url="get

AJAX跨域请求JSONP获取JSON数据的实例代码

Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索.使用XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器.Ajax 也是许多 mashup 的驱动力,它可将来自多个地方的内容集成为单一 Web 应用程序. 不过,由于受到浏览器的限制,该方法