Ajax не работает в JQuery

Question

Привет. Я пытаюсь вызвать файл с именем load.php и получить результат через AJAX.Но по причинам, которые я не знаю, мой код не работает.Вот мой код:

$.ajaxSetup({
   cache:false
})
var ajax_load="<img src='loading.gif' alt='loading...' />";
var loadurl = "load.php";
$("#add").click(function(){
   $("#result").html(ajax_load).load(loadurl, null, function(responsetext){
       alert("response text: "+responsetext);
   });
});

add - это идентификатор моей кнопки, а result - это идентификатор моего div, где я хочу получить результат.

К тому времени серверПри получении результата я хотел, чтобы загруженное изображение gif было запущено, и когда загрузка завершится, будет отображаться содержимое.

Кроме того, я не хотел, чтобы параметр кэширования был установлен, поэтому я сделал его false.1010 *

Я включил все необходимые библиотеки и файлы по правильному пути.Кто-нибудь может мне помочь?

Answer 1

Ради потомства (учитывая, что ответ, кажется, был решен в комментариях). Эта проблема, по-видимому, является результатом попытки доступа к DOM до того, как она будет готова.

$("#add").click(function(){
  // Code...
});

Приведенный выше код опирается на элемент с идентификатором «add» (I.E. <a href='#' id='add'></a>), существующий в DOM, так что функция, переданная для щелчка, может быть присоединена к его событию click.

Существенным способом избежать попытки присоединения к событию элемента до того, как элемент станет доступным, является ожидание загрузки всего DOM. Метод готовности jQuery делает это и принимает код, который должен ждать, в качестве параметра функции.

$(document).ready(function(){
  $("#add").click(function(){
    // Code...
  });
});

jQuery также перегружает метод $ с той же функциональностью при передаче функции. Это обеспечивает следующую удобную стенографию, которая часто используется вместо.

$(function(){
  $("#add").click(function(){
    // Code...
  });
});