c# - 使用ajax更改div文本不起作用

Question

我做错了什么？

我尝试使用 ajax 更改 div 文本...但什么也没做...我想问题出在我的 Controller 方法中..

这是我的 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>
}

这是我的 Controller

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

    return Json(result, JsonRequestBehavior.AllowGet);
}

注意:当它运行时进入方法“ChangeText”但它不会在我的 View 上打印结果(新文本)

Answer 1

您写了 <div id="div1">和 $("#Div1").html(result); .然而div1不等于 Div1 , 第一个符号很大(大写)。 JavaScript 对大小写敏感。

---

type 属性指定按钮的类型。始终为 <button> 指定类型属性元素。不同的浏览器可能对 <button> 使用不同的默认类型元素。如果您想将数据发送到 Controller - 写入按钮类型 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>
}