教程集 www.jiaochengji.com
教程集 >  脚本编程  >  Asp.net  >  正文 asp.net通过ajax传值到后台放回JSon数据解析

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

发布时间:2016-11-28   编辑:jiaochengji.com
教程集为您提供asp.net通过ajax传值到后台放回JSon数据解析等资源,欢迎您收藏本站,我们将为您提供最新的asp.net通过ajax传值到后台放回JSon数据解析资源
本文我们来学习asp.net在mvc模式下,通过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);
}

您可能感兴趣的文章:
asp.net通过ajax传值到后台放回JSon数据解析
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Jquery跨域获得Json时invalid label错误的解决办法
jQuery 跨域访问问题解决方法
详谈 Jquery Ajax异步处理Json数据.
jQuery 中使用JSON的实现代码
jquery eval解析JSON中的注意点介绍
php解析JSON中文乱码问题的解决方法
JSON在PHP中的应用
jQuery怎么解析Json字符串(Json格式/Json对象)

[关闭]
~ ~