0

可能重复：
如何返回 AJAX 响应文本？

我的 getJsonObject 函数有点问题。我希望我的代码做的是每次单击下一步时，getJsonObject 函数都会获取下一页的文章，并且当 dom 准备好时，我会显示文章的标题。但是如果出现错误（比如页面用完），那么 pageNr 将不再增加。问题是 getJsonObject 函数不返回 0，尽管 alert('return is 0)' 确实显示。

这是我的代码：

<html>
    <head>
        <title>World News</title>
        <link rel="stylesheet" type="text/css" href="css/fullWindow.css" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
        <script src = "https://raw.github.com/janl/mustache.js/master/mustache.js" type = "text/javascript"></script>
    <body>      
        <section id="mainContent">          
            <div class="prevNext floatRight"><a id="prev" href="#">prev</a> | <a id="next" href="#">next</a></div>
            <section id="news">
                <p id="headline">This is my headline for the moment.</p>

            </section>
        </section>              


    <script type="text/javascript">
        $(document).ready(function(){
            var pageNr = 1;
            var sectionName = "science";
            var err = '2';

            $("#next").click(function(){

                /* it removes the tag 'p' with id="headline" and inserts some other content */
                $.when($('#headline').remove()).then(function(){                            
                    err = getJsonObject(sectionName, pageNr+1);
                    alert('err: '+err);

                    /* if there is no error go to the next page */
                    if(err == '0'){
                        pageNr++;                   
                    }
                });
            });
        });
        function getJsonObject(sectionName, pageNr){        

            $.getJSON('http://content.guardianapis.com/search?q=' + sectionName +      '&page=' + pageNr + '&page-size=5&order-by=relevance&format=json&show-fields=all&date-  id=date%2Flast7days&api-key=gd6ndfndjyr8sd2p3rq3ubkg&callback=?', 
            function(data){                 
                var results;    

                /* I get status == error when I finish iterating the pages*/    
                if(data.response.status != 'error'){            

                    $('#news').append('<p id="headline">'+data.response.results[pageNr].fields.headline+'</p>');                        

                    alert('return is 0');
                    return '0';
                }else{

                    alert('return is 1');           
                    return '1';         
                }
            });
        }
    </script> 
    </body>
</html>

任何想法为什么 return 不起作用？谢谢。

4

3 回答 3

0

你getJsonObject(sectionName, pageNr)的 a$.getJSON是一个 AJAX 异步调用

因此返回无法正常工作

于 2013-01-04T13:45:33.607 回答
0

因为getJSON是异步执行的。常见的解决方案是将另一个参数传递getJsonObject给回调，然后您将首先使用您想要返回的值调用它。

function getJsonObject(sectionName, pageNr, callback){        

    $.getJSON('http://content.guardianapis.com/search?q=' + sectionName +      '&page=' + pageNr + '&page-size=5&order-by=relevance&format=json&show-fields=all&date-  id=date%2Flast7days&api-key=gd6ndfndjyr8sd2p3rq3ubkg&callback=?', 
    function(data){                 
        var results;    

        /* I get status == error when I finish iterating the pages*/    
        if(data.response.status != 'error'){            

            $('#news').append('<p id="headline">'+data.response.results[pageNr].fields.headline+'</p>');                        

            alert('return is 0');
            callback('0');
        }else{

            alert('return is 1');           
            callback('1');         
        }
    });
}

这也是您将回调函数传递给的原因$.getJSON。因为在幕后它使用了异步执行 HTTP 请求的东西。

于 2013-01-04T13:46:38.317 回答
0

你应该getJsonObject用回调函数重写你的：

function getJsonObject(sectionName, pageNr, callback){   
   $.getJSON(..., function(data) {

      ...
      callback('1');
   }

使用getJsonObject：

getJsonObject(sectionName, pageNr+1, function(err) {
   alert(err);
});
于 2013-01-04T13:49:49.107 回答