无法使用Jquery load方法加载Html元素中的数据
无法使用Jquery load方法加载Html元素中的数据
提问于 2018-06-21 04:09:17
我正在制作html应用程序，我想加载ASP.NET元素中的数据，而不是重新加载整个页面。但它不起作用。我看了所有的视频，阅读了所有的教程，但找不到我的代码中的错误。
在我的索引页面的末尾，我有以下代码：
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("#2a").click(function () {
$("#div1").load('T.txt');
});
});
</script>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button id="2a">this is button</button>这是对应的图像：
这是我的T.txt文件：
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-21 06:11:36
您的T.txt在yourProject/Views/Home中。ASP.NET MVC不能提供位于那里的文件。您需要将T.txt移动到yourProject/Content，然后：
$(document).ready(function () {
$("#2a").click(function () {
$("#div1").load('/Content/T.txt');
});
});Stack Overflow用户
发布于 2018-06-21 04:23:07
给你，这样就行了。
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button onclick="loadDoc()">this is button</button>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("div1").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "T.txt", true);
xhttp.send();
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50956289
复制相关文章
相似问题