jquery - 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 是我的按钮的 id，result 是我想要结果的 div 的 id。

当服务器获取结果时，我希望加载 gif 图像能够运行，并且当加载完成时，应该显示内容。

另外，我不想设置缓存选项，所以我将其设置为 false。

我已将所有必要的库和文件包含在正确的路径中。谁能帮我吗？

Answer 1

为了后代(考虑到答案似乎已经在评论中解决了)。该问题似乎是由于在 DOM 准备就绪之前尝试访问 DOM 造成的。

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

上面的代码依赖于 DOM 中存在的 id 为“add”(即 <a href='#' id='add'></a> )的元素，以便传递给 click 的函数可以附加到其单击事件。

避免在元素可用之前尝试附加元素事件的一个基本方法是等待整个 DOM 加载。 jQuery's ready method执行此操作并接受需要等待的代码作为函数参数。

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

当传递函数时，jQuery 还会重载具有相同功能的 $ 方法。这提供了以下方便的速记法，经常使用它。

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