无法获得jQuery ajax的工作

时间:2012-10-14 03:01:05

标签: jquery ajax json

我是jQuery的新手,它真的很酷,但我无法获得基本的ajax工作,控制台中没有错误,所以我不知道哪里出错:

getJSON function version:

   $(document).ready(function(){
        $.getJSON('http://pollview:8888/js/example.json', function(data){
            for(var element in data){
                console.log(data[element]);
            }
        });

    });

然后是基本的ajax版本:

$(document).ready(function(){

    $.ajax({
        url: 'http://pollview:8888/js/example.json'
    }).done(function(data){
        alert('successful');
    });
});

我把chrome网络控制台放在这里,好像已经加载了example.json文件,但是事件还没有被触发,我不知道为什么

enter image description here

我让我陷入困境,任何想法?

3 个答案:

答案 0 :(得分:1)

试试工作演示 http://jsfiddle.net/wyBqk/ http://jsfiddle.net/UGQYT/(返回数据)

http://docs.jquery.com/Ajax/jQuery.getJSON

  • 请检查您的json网址。

同样重击error:,它会告诉您数据是否有错误。:)

休息这可以帮助您解决问题:)

<强>码

$("document").ready(function() {
    var jqxhr = $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function() {
        alert("success");
    }).success(function() {
        alert("second success");
    }).error(function() {
        alert("error");
    }).complete(function() {
        alert("complete");
    });

});​

答案 1 :(得分:0)

您是否尝试设置dataType:'json'


无论如何,你的代码对我来说很好。

在此测试:http://jsfiddle.net/RASG/WuT6y/

答案 2 :(得分:0)

我多么愚蠢,我犯了两个错误:

  1. $('document')代替$(document)
  2. Json文件无效,在使用codeigniter的输出方法后我制作了有效文件,在我看来,只消除了空白区域。
  3. 我的案例中没有跨域问题