使用 jQuery 将变量直接传递给 $.post() 函数

Question

我正在使用以下 $.post 语法从数据库中检索 json 数据，并将其传递给将它们附加到某个（！）div 的函数。

$.post("request.php", { var1:'var1', var2:var2, .. }, myownfunction, "json" );

我可以从上面的这一行直接将变量传递给我的函数吗？ 由于一些故障，我在脚本中创建了一个错误。

我有很多带有“x”类的 div，当用户选择一个时，它的类被设置为“已选择”。上面的 post 请求中的函数只针对：$('div#selected')，但是，如果当响应通过用户选择另一个 div 时，来自服务器的数据会附加到错误的 div 中。

我想将所选 div 的 id 传递给我的函数，这样就不会混淆去哪里了。有没有办法做到这一点？

现在，我正在考虑将 id 传递给 request.php 并将其作为 json 的一部分返回，但这并不优雅。

Answer 1

我想将所选 div 的 id 传递给我的函数，这样就不会混淆去哪里了。有没有办法做到这一点？

是的，您可以使用$.Proxy 传递单击的div 的上下文。并在函数内部使用this.id访问id的id。

$.post("request.php", 
                { var1:'var1', var2:var2, .. }, 
                $.proxy(myownfunction, elem), "json" );

在你的函数内部

function myownfunction( response )
{
....
    this.id // here will be the id of the element passed if it is the clicked div then you will get it here
....
}

Answer 2

如果您将函数调用包装到匿名函数，您可以传递您需要的任何参数。

$.post( 
    "request.php", 
    { var1:'var1', var2:var2, .. }, 
    function( data, textStatus, jqXHR ) {
        myownfunction( data, textStatus, jqXHR, myVariable );
    },
    "json" 
);

Answer 3

如果您使用$.ajax 而不是$.post，则可以根据需要使用其context 设置显式设置回调的this 值：

$.ajax('request.php', {
    type: 'POST',
    data: { ... },
    context: mydiv
}).done(myownfunction);

function myownfunction(data) {
    var id = this.id;     // extracting the element here
    ...
}