javascript - $.get() 方法 JQuery 不读取任何内容 (html)

Question

目标:

当点击click_div时，脚本应该使用$.get()方法从我自己的计算机读取文件(text.html)>，并将 div (cont_div) 的 html 设置为文件的内容。

代码:

$(document).ready(function() {
    $('#click_div').click(function(){
        var HTML_FILE_URL = 'text.html';
        $.get(HTML_FILE_URL, function(data){
            alert(data);
            $('#cont_div').html(text);
        });
    });
});

问题:

点击click_div后，cont_div的内容保持空白。我放置了一个警报来显示 get 方法读取的内容，它显示一个空白对话框。

更多信息:

• 该文件与 .js 文件和 index.html 页面文件位于同一文件夹中。

• 所有其他 javascript 函数都运行良好。

问题:

鉴于警报函数什么也不显示，但仍然被调用，我可能做错了什么？我尝试了很多东西，但确实不起作用。

Answer 1

看起来您附加了错误的变量

$('#cont_div').html(text);

应该是

$('#cont_div').html(data);

另外，我会研究$.load()。我认为这对你的情况来说会更简单一些。

类似于:

$(document).ready(function() {
    $('#click_div').click(function(){
        var HTML_FILE_URL = 'text.html';
         $('#cont_div').load(HTML_FILE_URL);
    });
});

应该可以。