asp.net通過ajax傳值到後台放回JSon資料解析

來源:互聯網
上載者:User

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.