第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何同時(shí)發(fā)送兩個(gè)數(shù)組以使用 JSON asp.net MVC 查看

如何同時(shí)發(fā)送兩個(gè)數(shù)組以使用 JSON asp.net MVC 查看

臨摹微笑 2023-05-25 18:09:14
我必須根據(jù)用戶將輸入到我視圖中 beginform 中包含的輸入的值在我的視圖中創(chuàng)建一個(gè)動(dòng)態(tài)圖表,但是它必須異步完成因此我使用 Ajax 和 Json 的原因,我發(fā)送用戶輸入很好地連接到控制器,然后使用該輸入我的代碼創(chuàng)建了兩個(gè)數(shù)組,一個(gè)字符串?dāng)?shù)組將用作圖表的標(biāo)簽,另一個(gè)是用作圖表數(shù)據(jù)值的 int 數(shù)組。我的問(wèn)題是我只能發(fā)送上面提到的那些數(shù)組之一,不能同時(shí)發(fā)送它們,我不確定如何完成,我在某處讀到我可以將數(shù)組作為集合發(fā)送,但我不是確定這是否正確??刂破髦械拇a(為了便于說(shuō)明,我刪除了所有與問(wèn)題無(wú)關(guān)的代碼并對(duì)其進(jìn)行了簡(jiǎn)化):        public ActionResult DoChart(string data)        {            string[] product = {"Bread", "Milk", "Eggs", "Butter"};            int[] quant = {10, 20, 30, 40};            return Json(product, JsonRequestBehavior.AllowGet);        }我視圖中的 Javascript 代碼:<script>    $(() => {        $("form#chartForm").on("submit", (e) => {            e.preventDefault();            let obj = {                quantity: $("#quantity").val()            };            $.ajax({                url: "@Url.Action("DoChart")",                method: "GET",                data: {                    data: JSON.stringify(obj)                },                success: (product, status) => {                    alert(product);                    var ctx = document.getElementById('myChart').getContext('2d');                    var myChart = new Chart(ctx, {                        type: 'bar',                        data: {                            labels: product,                            datasets: [{                                label: '# of Votes',                                data: [1,2,3,4,5,6,7,8],                                borderWidth: 1                            }]                        },                        options: {                            scales: {                                yAxes: [{                                    ticks: {                                        beginAtZero: true                                    }                                }]                            }                        }                    });                }            });        });    });</script>所以在我上面的代碼中,我發(fā)送了產(chǎn)品數(shù)組,然后為我的圖表設(shè)置標(biāo)簽,但我也想發(fā)送量化數(shù)組并為我的圖表設(shè)置數(shù)據(jù)值。PS:我正在使用 Chart.Js 來(lái)創(chuàng)建我的圖表。任何幫助將非常感激。
查看完整描述

1 回答

?
天涯盡頭無(wú)女友

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超9個(gè)贊

最初,您需要一個(gè)支架來(lái)存放您的結(jié)果。例如,您可以創(chuàng)建一個(gè)如下所示的 holder 類


 public class MapResult

        {

            public string[] Products { get; set; }

            public int[] Quantity { get; set; }

        } 

控制器


您可以從控制器設(shè)置 MapResult 類的值,它有 2 個(gè)數(shù)組,一個(gè)用于產(chǎn)品,一個(gè)用于數(shù)量。


public ActionResult DoChart(string data)

        {

            string[] product = { "Bread", "Milk", "Eggs", "Butter" };

            int[] quant = { 10, 20, 30, 40 };


            var mapResult = new MapResult()

            {

                Products = product,

                Quantity = quant

            };


            return Json(mapResult, JsonRequestBehavior.AllowGet);

        }

AJAX 成功代碼


AJAX 結(jié)果包含兩個(gè)數(shù)組。您可以將它們添加到地圖中。


 success: (result, status) => {

                    alert(result.Products);

                    var ctx = document.getElementById('myChart').getContext('2d');

                    var myChart = new Chart(ctx, {

                        type: 'bar',

                        data: {

                            labels: result.Products,

                            datasets: [{

                                label: '# of Votes',

                                data: result.Quantity,

                                borderWidth: 1

                            }]

                        },

                        options: {

                            scales: {

                                yAxes: [{

                                    ticks: {

                                        beginAtZero: true

                                    }

                                }]

                            }

                        }

                    });


查看完整回答
反對(duì) 回復(fù) 2023-05-25
  • 1 回答
  • 0 關(guān)注
  • 207 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)