用ajax更改div文本不起作用

Question

我究竟做錯了什么？

我嘗試使用ajax更改div文本...但是什么也沒做...我想問題出在我的控制器方法中。

這是我的div

<div id="div1">
   text to change
</div>

<button>change text</button>

@section scripts{
<script>
    $(document).ready(function() {
        $("button").click(function () {
            $.ajax({
                url: "/Home/ChangeText", success: function (result) {
                    $("#Div1").html(result);
                }
            });
        });
        });
</script>
}

這是我的控制器

public JsonResult ChangeText()
{
    var result = "New Text";

    return Json(result, JsonRequestBehavior.AllowGet);
}

注意：在運行時，它進入方法'ChangeText'，但不會在我的視圖上打印結果（新文本）

Answer 1

您編寫了<div id="div1">和$("#Div1").html(result); 。 但是div1不等於Div1 ，第一個符號很大（大寫）。 JavaScript對大小寫敏感。

---

type屬性指定按鈕的類型。 始終為<button>元素指定type屬性。 不同的瀏覽器可能對<button>元素使用不同的默認類型。 如果要將數據發送到控制器，請編寫按鈕type="button"或type="submit" 。

屬性值和說明：

1. button - 該按鈕是可點擊的按鈕
2. submit - 該按鈕是一個提交按鈕（提交表單數據）
3. reset - 該按鈕是一個重置按鈕（將表單數據重置為其初始值）

---

試試這個代碼：

<div id="div1">
   text to change
</div>

<button type="button">change text</button>

@section scripts{
<script>
    $(document).ready(function() {
        $("button").click(function () {
            $.ajax({
                url: "/Home/ChangeText", success: function (result) {
                    $("#div1").html(result); // Div1 != div1
                }
            });
        });
    });
</script>
}