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

ykxxcs2025-03-28 9:56

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

复制代码

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>getArrTest</title>
    <script src="~/Scripts/jquery-3.7.0.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script type="text/javascript">
/*定义方法，从后端获取供应商数据*/
    function GetSuppliers() {
        /*首先清空select数据*/
        $("#supplier").empty()
        $.ajax({
            url: "/Test/SendJson",
            type: "post",
            success: function (getdata) {
                console.log(getdata)
                //console.log(getdata[0])
            }
          
        })
    };
    </script>
</head>
<body>
    <div> 
       <button onclick="GetSuppliers()">获取数组数据</button>
    </div>
</body>
</html>

html端通过jquery获取数据：

复制代码

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>getArrTest</title>
    <script src="~/Scripts/jquery-3.7.0.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script type="text/javascript">
/*定义方法，从后端获取供应商数据*/
    function GetSuppliers() {
        /*首先清空select数据*/
        $("#supplier").empty()
        $.ajax({
            url: "/Test/SendJson",
            type: "post",
            success: function (getdata) {
                console.log(getdata)
                //console.log(getdata[0])
            }
          
        })
    };
    </script>
</head>
<body>
    <div> 
       <button onclick="GetSuppliers()">获取数组数据</button>
    </div>
</body>
</html>

用到的知识点：

数组转成json格式：

复制代码

string json_data = JsonConvert.SerializeObject(selectList);

不当之处请斧正！