javascript - Scala.js jQuery ajax 调用示例

Question

我尝试使用scala.js，但我无法理解一些事情。我将不胜感激您的帮助。

import org.scalajs.dom.raw.HTMLElement
import org.scalajs.jquery.{jQuery => JQ, JQueryAjaxSettings, JQueryXHR}

def tableEvents() =
  JQ("td > a").click { () =>
    JQ.ajax(js.Dynamic.literal(
      `type` = "GET",
      url = "/update",
      data = "id="+({ (x: HTMLElement) => JQ(x).parent().prev().html() }: js.ThisFunction),
      // Not working. How to get "this" element here? 
      // Can I use something like Map or Seq to send of many parameters?
      dataType = "json",
      success = { (data: js.Any, textStatus: String, jqXHR: JQueryXHR) =>
        // how to convert data: js.Any to Json ?
      }
    ).asInstanceOf[JQueryAjaxSettings])
  }

我试图在这里重复已经运行的 JavaScript 代码:

function tableEvents() {
  $("td > a").click(function() {
    $.ajax( {
      type: "GET",
      url: "/update",
      data: {id: $(this).parent().prev().html()},
      dataType: "json",
      success: function(data) {
        $("#id").html(data.id);
        $("#name").val(data.name);
        $("#score").val(data.score);
      }
    })
  })
}

Answer 1

在这里，您希望将 this 参数传递给为 .click 提供的 lambda。因此，您必须将该 lambda 转换为 js.ThisFunction:

JQ("td > a").click({ (thiz: HTMLElement) =>
  // Now You can use thiz
}: js.ThisFunction)