jquery $ .get的问题

时间:2012-07-04 21:35:56

标签: jquery

这不是我第一次使用$.get功能,但这次我不知道为什么它不起作用

function test(tid)
  {
    alert("1");
   var ttt;
   alert("2");
   var ddd;
    alert("3");

   $.get("demo_ajax_load.txt", function(result){
    alert("4");
     });
   }

demo_ajax_load.txt只是一个文本文件内容:Welcome

我正在收到警报1,2,3,但它没有显示第4条警报信息。这里的一切看起来都很正常,这个简单的功能有什么问题?

由于

2 个答案:

答案 0 :(得分:1)

只要你没有在本地测试就可能没有错。

如果您使用 Google Chrome (我使用的是版本20),请打开控制台(按 F12 ),您将看到你会收到一个错误:

  

Access-Control-Allow-Origin不允许使用原点。

enter image description here

Mozilla Firefox 中,您将获得

  

[object XMLDocument]

但如果您远程执行此操作(在主机中),一切都会正常工作......

你可以看到我的Live DEMO并打开控制台,看看你输出的输出。

我简单的jQuery:

$.when(
    $.get("a.txt")
  )
 .done(function(data) { 
    console.log("All done: " + data); 
    $(".txt-from-file").text(data); 
  })
 .fail(function(data) { 
    console.log("Error found: " + data.statusText); 
    $(".txt-from-file").text(data.statusText); 
  });

或者您可以随时简化并使用:

$.get("a.txt").then(
    function() { alert("succeeded"); },
    function() { alert("failed!"); }
);

答案 1 :(得分:0)

好的感谢您试图帮助我,我找到了解决方案,我应该使用jQuery而不是$,并且它有效