$ .get() метод JQuery ничего не читает (HTML)

Question

Цель:

Когда click_div нажата, скрипт должен прочитать файл (text.html) из моего собственного компьютера, используя $ .get() и установите html div (cont_div) в содержание файла.

Код:

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

Проблема:

Содержание cont_div держит пустой, после нажатия click_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); 
    }); 
}); 

должен работать.