javascript - 带参数的回调函数

Question

我正在使用 AJAX 页面方法，但我似乎无法传递所需的参数:

  function getFavStatus() {
    //favs is a list of DOM <imgs> that I want to modify their img.src attribute
    for (i = 0; i < favs.length; i++) {
      PageMethods.isFavorite(favs[i].alt,setFavImg(favs[i]));
    }
  }

  function setFavImg(fav, response) {
    fav.src = response;
  }

我想不通的问题是如何使用 PageMethods 的“响应”，并将 DOM 对象传递给回调函数。

我也试过这样做:

 function getFavStatus() {
    for (i = 0; i < favs.length; i++) {
      PageMethods.isFavorite(favs[i].alt, function (response) {
                favs[i].src = response;});   
      );
    }
  }

在这种情况下，响应正常工作，但 i 始终是 > favs.length，因为它已经通过循环迭代...

编辑:我的 PageMethods.isFavorite 签名是:

[System.Web.Services.WebMethod]
public static string isFavorite ( string p_id )

谁能指出我正确的方向？

谢谢!

Answer 1

试试这个:

PageMethods.isFavorite(favs[i].alt, 
  function (response, ctx) {
       /* success callback */
       ctx.src = response;
  },
  function(response) { /* failed callback */ },
  favs[i] /* context */);

上下文被传递给回调，因此您可以将对图像的引用传递给回调，并在那里的回调中设置它。

最初的问题是页面方法是异步的，因此直到循环完成后才会触发回调。因此，最后一项受到影响。

HTH.