asp.net mvc 向前端响应json数据。用到jquery
最近在给客户开发提醒软件时，用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); 不当之处请斧正！