jquery - jQuery 中的 load()

Question

我对 jQuery 和 load() 函数有一些疑问。

我有一个表单，它发送查询所需的 3 个参数。我想将数据加载到指定的 div 而不重新加载页面，因此我尝试使用 jQuery 中的 load 函数。看起来不错，但有一些问题我需要问。

我制作了一个 ID 为“response”的 div，我将用它来加载数据。我做过这样的事情:

$(document).ready(function() {
    $("#response").load(("search.php?param1=1&param2=2&param3=3$search=send"))
});

而且效果很好。但我尝试在函数中做到这一点

function search() {
    $("#response").load(("search.php?param1=1&param2=2&param3=3$search=send"))
}

然后当dom树准备好时使用它。查询返回了我想要的内容，但是在新页面上。好吧，在写作过程中，我尝试使用 return false 来阻止页面并防止其重新加载(我在这里错了吗？)。

当return false语句在搜索函数中并且使用该函数时

$(document).ready(function() {
   search();
})

这不起作用。但是，当我在 search() 调用之后放置 return 语句时，它会按应有的方式工作。谁能告诉我为什么？

之后，我想知道是否有机会使用 jQuery 中的 ajax 函数做同样的事情。

Answer 1

我不会调试你的旧代码，但我会给你一个明确的工作解决方案。

// jQuery function
(function($) {
    $.fn.return_search = function () {
        $.get('search.php?param1=1&param2=2&param3=3$search=send', function(data) {
            $(this).html(data);
        });
    };
})(jQuery);

// Call
$('#response').return_search();

这将创建一个 jQuery 扩展插件，您可以在元素上调用它，您希望它返回。