如何在ASP.NET MVC中着色单词

问题描述：

我是ASP.net MVC的新手。页输出：如何在ASP.NET MVC中着色单词

这是红

这是蓝

此格林

它不colored.I要进行着色。

我找不到故障。我在哪里做错误？

这是我的控制器

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>

你有没有试着调试器，如果你签入'RGBColor'也可能有助于增加'[Httppost]''以上RGBColor' –

你忘了包括'[ HttpPost]'over'public JsonResult RGBColor（）'。如果未找到该方法，则CSS分配从未执行。 –

我增加了[HttpPost]但没有改变。 – myvalley

答

如果你有src属性在脚本标记中，脚本标记的内容将被忽略，因此您的JavaScript代码永远不会执行。你需要做的：

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> 
    <script> 
    $(document).ready(function() {

谢谢。工作:) – myvalley

如何在ASP.NET MVC中着色单词

相关推荐