Question

这是我的代码，我试图从demo_test.txt加载html到它，但无论我尝试什么，它都无法工作，我尝试将它从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>

    <script type=text/javascript>
  $(function() {
$("#submitBtn").click(function() {
    $('#div1').load('dem_test.txt');
     $.ajax({
        type: "GET",
        url: $SCRIPT_ROOT + "/echo/",
        contentType: "application/json; charset=utf-8",
        data: { echoValue: $('input[name="echoText"]').val() },
        success: function(data) {
            $('#echoResult').append("<br>");
            $('#echoResult').append(data.value);

        }
    });     
});
  });

</script>
<strong>Enter a value to echo back:</strong>
<input type='text' size='10' id='echoText' name='echoText'>
<button type='button' id='submitBtn' name='submitBtn'>Submit via AJAX</button><br /><br />
<strong><div id='echoResult'></div></strong>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

这就是demo_test.txt中的内容，如果它是html，这将不起作用

<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!");
}

});

但我发现错误：404错误，但dem_test.txt文件与html文件位于同一文件夹中？

编辑2

我在这里找到了这个确切的例子： .load() method in jquery give me 404 - Not Found error 但它不会像他的那样工作，文件位置应该是什么？

Answer 1

最好以这种方式使用jquery加载;

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

});

如果加载了文件，您可以看到警告

AJAX加载无法正常工作？

编辑：

编辑2

1 个答案: