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 = 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);
        }


©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页