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

标签 jquery asp.net ajax asp.net-mvc

我是 ASP.net MVC 新手。 页面输出:

这是红色

这是蓝色

这绿色

它没有着色。我想要着色。

我找不到问题所在。我哪里做错了?

这是我的 Controller

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>

最佳答案

如果 script 标签中有 src 属性,则 script 标签的内容将被忽略,因此您的 javascript 代码永远不会被执行。你需要做的是:

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

关于jquery - 如何在 ASP.NET MVC 中为单词着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45160854/

相关文章:

javascript - 如何停止滑动到最后一张幻灯片?

javascript - CSS :hover and active conflits - a specific case

c# - 尝试在 gridview 标题中的文本框中设置值

c# - 如何从 json 操作中获取数据到 View 中

php - iam 以 json_encode 格式返回数据并尝试在 ajax 中记录输出,但出现解析错误。

jquery - 如何在 IE 中向文本区域添加缩放器?

javascript - PHP 上的 Jquery 从不同的文件创建 HTML 内容

c# - 如何在 ASP.NET Web 应用程序中从 Exchange 2010 服务器下载邮件?

javascript - 如何获取兄弟td值?

javascript - 未调用 onreadystatechange 的 XMLHttpRequest 原型(prototype)