Fatal编程技术网

Javascript AJAX加载不工作？

javascript jquery html ajax

Javascript AJAX加载不工作？,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,这是我的代码，我正试图将html从demo_test.txt加载到其中，但无论我尝试什么，它都不会工作，我也尝试过将它从txt更改为html，但仍然无法加载。 另一个ajax命令（如追加文本）在加载行中正常工作，但这不起作用 <head> <title>Flask AJAX Demo</title> <!--<link rel=stylesheet type=text/css href="{{ url_for('static', f

这是我的代码，我正试图将html从demo_test.txt加载到其中，但无论我尝试什么，它都不会工作，我也尝试过将它从txt更改为html，但仍然无法加载。 另一个ajax命令（如追加文本）在加载行中正常工作，但这不起作用

<head>
    <title>Flask AJAX Demo</title>
    <!--<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style2.css') }}"> -->

    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <script type=text/javascript
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type=text/javascript>
      var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
    </script>
但是发生了错误：404错误，但是dem_test.txt文件与html文件在同一个文件夹中

编辑2 我已经尝试过这个确切的例子，在这里也找到了：
但是它也不会像他的那样工作，文件位置应该是什么？

最好以这种方式使用jquery load

$('#div1').load('dem_test.txt', function(response, status, xhr) {
    if ( status == "error" ) {
        alert("Error occured: " + xhr.status + " " + xhr.statusText );
    } else {
        alert("Text loaded!");
    }

});
如果加载了文件，您可以看到警报

您的文件是HTML，但您已经告诉ajax调用您正在加载
application/json
。这可能会导致一个问题（比如试图解析非JSON的JSON时出错）。我建议您在错误控制台中查找错误，并添加
错误：
回调处理程序。确保
url
在
$（'#div1'）中正确。加载（'dem#test.txt'），检查浏览器控制台是否有任何错误。application/json用于我正在做的其他部分，加载调用在我调用之前，如果我删除整个$.ajax部分，它仍然不起作用该函数中的另一个ajax命令正在起作用这就是为什么我不理解为什么加载不起作用，因为我尝试了许多在线发现的示例，加载不起作用？我每次都会出错：404错误…这是否意味着我的dem_test.txt不在正确的位置？因为它和这个html文件在同一个文件夹中？是的，它不在那里，因为我已经要求你在评论中检查它。如果我去file:///Users/Varun/Desktop/flask/templates/demo_test.txt 它显示正确，但当我尝试加载它“//demo_test.txt”时，我得到“0错误”这意味着什么？您需要在web服务器上提供该文件。例如，将它放在服务器上，通过
www.yourserver.com/dem_test.txt


<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>



$('#div1').load('dem_test.txt', function(response, status, xhr) {
if ( status == "error" ) {
    alert("Error occured: " + xhr.status + " " + xhr.statusText );
} else {
    alert("Text loaded!");
}

});



$('#div1').load('dem_test.txt', function(response, status, xhr) {
    if ( status == "error" ) {
        alert("Error occured: " + xhr.status + " " + xhr.statusText );
    } else {
        alert("Text loaded!");
    }

});