asp.net mvc 向前端相应json数据。用到jquery

   迩来在给客户开辟提示软件时，用asp.net mvc 开辟。该框架已经集成了bootstrap,直接贴asp.net  mvc 端代码：

3. @{
4.     Layout = null;
5. }
7. <!DOCTYPE html>
9. <html>
10. <head>
11.     <meta name="viewport" content="width=device-width" />
12.     <title>getArrTest</title>
13.     <script src="~/Scripts/jquery-3.7.0.min.js"></script>
14.     <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
15.     <script type="text/javascript">
16. /*定义方法，从后端获取供应商数据*/
17.     function GetSuppliers() {
18.         /*首先清空select数据*/
19.         $("#supplier").empty()
20.         $.ajax({
21.             url: "/Test/SendJson",
22.             type: "post",
23.             success: function (getdata) {
24.                 console.log(getdata)
25.                 //console.log(getdata[0])
26.             }
27.          
28.         })
29.     };
30.     </script>
31. </head>
32. <body>
33.     <div>
34.        <button onclick="GetSuppliers()">获取数组数据</button>
35.     </div>
36. </body>
37. </html>

复制代码

html端通过jquery获取数据：

3. @{
4.     Layout = null;
5. }
7. <!DOCTYPE html>
9. <html>
10. <head>
11.     <meta name="viewport" content="width=device-width" />
12.     <title>getArrTest</title>
13.     <script src="~/Scripts/jquery-3.7.0.min.js"></script>
14.     <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
15.     <script type="text/javascript">
16. /*定义方法，从后端获取供应商数据*/
17.     function GetSuppliers() {
18.         /*首先清空select数据*/
19.         $("#supplier").empty()
20.         $.ajax({
21.             url: "/Test/SendJson",
22.             type: "post",
23.             success: function (getdata) {
24.                 console.log(getdata)
25.                 //console.log(getdata[0])
26.             }
27.          
28.         })
29.     };
30.     </script>
31. </head>
32. <body>
33.     <div>
34.        <button onclick="GetSuppliers()">获取数组数据</button>
35.     </div>
36. </body>
37. </html>

复制代码

用到的知识点：
数组转成json格式：

2. string json_data = JsonConvert.SerializeObject(selectList); 

复制代码

不妥之处请斧正！