Jquery 如何在ASP.NET MVC中为单词着色
我是ASP.NETMVC新手。 页面输出： 这是红色的 这是蓝色的 这是绿色的 它不是有色的。我想被着色 我找不到毛病。我在哪里出错 这是我的控制器Jquery 如何在ASP.NET MVC中为单词着色,jquery,asp.net,ajax,asp.net-mvc,Jquery,Asp.net,Ajax,Asp.net Mvc,我是ASP.NETMVC新手。 页面输出： 这是红色的 这是蓝色的 这是绿色的 它不是有色的。我想被着色 我找不到毛病。我在哪里出错 这是我的控制器 public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } public JsonResult RGBColor() {
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
return View();
}
public JsonResult RGBColor()
{
RGB color=new RGB();
return Json(color,JsonRequestBehavior.AllowGet);
}
}
public class RGB
{
public string Red = "#FF0000";
public string Green = "#00FF00";
public string Blue = "#0000FF";
}
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-
3.2.1.min.js">
$(document).ready(function() {
$.ajax({
type: "POST",
url: "/Home/RGBColor",
dataType: "json",
contentType: "application/json;charset=utf-8",
success: function (data) {
$(".red").css("color", data.Red);
$(".blue").css("color", data.Blue);
$(".green").css("color", data.Green);
}
})
})
</script>
</head>
<body>
<div>
<p class="red">This is Red</p>
<p class="blue">This is Blue</p>
<p class="green">This is Green</p>
</div>
@{
布局=空；
}
指数
$（文档）.ready（函数（）{
$.ajax({
类型：“POST”，
url:“/Home/RGBColor”，
数据类型：“json”，
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
$（“.red”）.css（“color”，data.red）；
$（“.blue”）.css（“color”，data.blue）；
$（“.green”）.css（“color”，data.green）；
}
})
})
这是红色的
这是蓝色的
这是绿色的
如果脚本标记中有src属性，脚本标记的内容将被忽略，因此javascript代码永远不会执行。您需要执行以下操作：
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function () {
$（文档）.ready（函数（）{
RGBColorRGBColor[Httppost][Httppost][Httppost]