0

我在自定义函数 getSearch() 中调用了 $.getJSON。我想将数据直接返回到我调用的容器中。（比自定义函数中的 .html() 容易得多。它在克隆对象上。）我正在尝试两种方法： 1. 将数据直接返回到调用函数中，因为我已经“知道我在哪里”。2. 将正确容器的 var 传递给函数，以便可以从那里将其放入正确的位置。我想我更喜欢第一种选择，但现在我无法工作。

这些是我的函数——一个是在搜索框中按回车键触发，另一个是使用 $.getJSON() 调用 twitter 的自定义函数。用## 标记的相关行。

    // RUN SEARCH: when pressing enter key in search box
    $('.search_box_in_menu').keypress(function(e) {
        var keycode = (e.keyCode ? e.keyCode : e.which);
        if(keycode == '13') {                   // remember to add all the enter/return buttons
                console.log(".search_box_in_menu - enter-key pressed.");
                console.log($(this).val());
            var where = $(this).parent().parent().parent();
            var there = $(this).next('.results').attr('class');
            console.log("where:");
            console.log($(this));
            console.log($(this).parent().parent().parent());
            console.log($(this).next('.results').attr('class'));
            console.log(where);
            console.log("there:");
            console.log(there);
    ##      $(this).closest('.results').getSearch($(this).val(), where);    //calling twitter
                console.log("$(this).val() at enter-press: " + $(this).val());

            $(this).closest('.dropdown').trigger('click'); //close dropdown box
            $('.search_box_in_menu').tooltip('hide'); //hiding tooltip on searchbox when pressing enter
        }
    });



}); //$(document).ready 



// function for getting tweets from Twitter
$.fn.getSearch = function(searchword, where) { 
    var qterm = searchword;
    var preUrl = "http://search.twitter.com/search.json?q=";
    var postUrl = "&rpp=50&include_entities=true&show_user=true&callback=?";
    var twUrl =  preUrl + qterm + postUrl; 
    console.log(preUrl + ", " + qterm + ", " + postUrl);

    if (qterm !== '') {
        $.getJSON(twUrl, 
            function(data) { 
                console.log('sending to search_back.php.');
                console.log("data before send: " + data);
                $.post("search_back.php", {json_data: data}, function(data) { 
                        console.log("returned at: ");
                        console.log($(this));
                        console.log(where);
            ##      $(".results").html(data); // # this is the current way, but will apply to all cloned objects.
            ##      //return data; // # this is the preferred way
                });

            });
    };
};

有人知道如何以一种英俊的方式解决这个问题吗？我也不想为 .results 分配 ID，因为似乎必须有一种更优雅的方法来解决这个问题！

这是 FireBug 控制台日志：我所追求的 .results 是 [div id="menu200"] 之后的下一个。

document.ready -
[div#menu200.dropdown]
.dropdown - click.
.search_box_in_menu - click.
.search_box_in_menu - value removed.
.search_box_in_menu - enter-key pressed.
twitter
where:
[input.search_box_in_menu Search...]
[div#menu200.dropdown]
undefined
[div#menu200.dropdown]
there:
undefined
http://search.twitter.com/search.json?q=, twitter, &rpp=50&include_entities=true&show_user=true&callback=?
$(this).val() at enter-press: twitter
[div#menu200.dropdown]
.search_box_in_menu - dirty searchbox.
.dropdown - click.
sending to search_back.php.
data before send: [object Object]
POST http://wikindoit.org/twitterstars/search_back.php
200 OK
927ms   
returned at:
[Object { url="search_back.php", isLocal=false, global=true, more...}]
[div#menu200.dropdown]
4

1 回答 1

0

向 getSearch 添加第三个参数：

$.fn.getSearch = function(searchword, where, callback) {

在 getScript 的成功回调结束时，您将调用回调并将任何您想要的传递给它。

//$(".results").html(data);
callback(data);
于 2012-06-18T13:47:31.920 回答