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

C# 使用ajax更改div文本不起作用,c#,jquery,html,ajax,asp.net-mvc,C#,Jquery,Html,Ajax,Asp.net Mvc,我做错了什么 我尝试用ajax更改div文本。。。但是什么都没做。。。我想问题出在我的控制器方法上 这是我的部门 <div id="div1"> text to change </div> <button>change text</button> @section scripts{ <script> $(document).ready(function() { $("button").click(fun

我做错了什么

我尝试用ajax更改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>
}
注意:运行时,输入方法“ChangeText”,但不会在我的视图上打印结果(新文本)您编写的
$(“#Div1”).html(结果)。但是
div1
不等于
div1
,第一个符号很大(大写)。JavaScript对大小写敏感


type属性指定按钮的类型。始终为
元素指定类型属性。不同的浏览器可能会对
元素使用不同的默认类型。如果要向控制器发送数据,请写入按钮的类型
type=“button”
type=“submit”

属性值和描述:

  • 按钮
    -该按钮为可点击按钮
  • 提交
    -该按钮是一个提交按钮(提交表单数据)
  • 重置
    -该按钮是一个重置按钮(将表单数据重置为其初始值)

  • 请尝试以下代码:

    <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>
    }
    
    
    要更改的文本
    更改文本
    @节脚本{
    $(文档).ready(函数(){
    $(“按钮”)。单击(函数(){
    $.ajax({
    url:“/Home/ChangeText”,成功:函数(结果){
    $(“#div1”).html(结果);//div1!=div1
    }
    });
    });
    });
    }
    
    $(“#Div1”)应为$(“#Div1”)-JS区分大小写-还应在按钮中添加
    type=“button”
    ,因为某些浏览器会以其他方式提交页面谢谢。。。这就是我所不好的…@mplungjan这不是JavaScript区分大小写的情况,而是HTML ID区分大小写的情况。在其他情况下,这并不重要,例如标记名。jQuery
    $('DIV')
    完全等同于
    $('DIV')
    。仍然是区分大小写的问题。如果您回答了这个输入错误,即使已经有注释解释了问题,OP也无法删除该问题。在回答问题时,请解释您所修复的内容以及代码。
    <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>
    }