C# 使用ajax更改div文本不起作用
我做错了什么 我尝试用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
<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>
}