Jquery ajax get方法不起作用

时间:2015-01-18 18:08:32

标签: javascript jquery ajax

我使用以下代码,但似乎无法正常工作。很抱歉提出这个简单的问题,但我想知道为什么这段代码不起作用



$(document).ready(function(){
  $("button").click(function(){
    $.get("smiley1.html",function(data,status){
      alert("Data: " + data + "\nStatus: " + status);
    });
  });
});

<button>Send an HTTP GET request to a page and get the result back</button>
&#13;
&#13;
&#13;

请帮我解决一下。感谢

1 个答案:

答案 0 :(得分:0)

代码很好但是,从运行它的位置来看很重要。 如果您尝试从此页面的代码段运行器运行,则会因为2个原因而失败

  1. 它找不到$(即jQuery)
  2. 它正在尝试进行跨域调用,我认为目标页面不允许这样做。 stackoverflow.com域上不存在 smiley1.html , 你可以在开发者控制台中看到错误
  3. 如果在jsfiddle中尝试

    $(document).ready(function(){
      $("button").click(function(){
        $.get("x2rmptu3/show/",function(data,status){
          alert("Data: " + data + "\nStatus: " + status);
        });
      });
    });
    

    这是我的小提琴http://jsfiddle.net/x2rmptu3/2/