$.get(） 方法 JQuery 不读取任何内容 (html）

$.get() method JQuery reads nothing (html)

本文关键字：任何内 html 读取 JQuery get 方法      更新时间：2023-09-26

目标：

单击click_div时，脚本应使用 $.get(( 方法从我自己的计算机读取文件(文本.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文件和索引.html页面文件位于同一文件夹中。

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

问题：

鉴于警报函数不显示任何内容，但仍被调用，我可能做错了什么？我尝试了很多方法，但它真的不起作用。

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

$('#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);
    });
});

应该工作。

相关文章：