如何从 Kotlin 调用需要 jQuery ajax 设置对象的 javascript 函数？

Question

我需要转换以下代码，它使用了 jQuery 中称为 ajax settings (which is used in the javascript below inside the create() call to create a CouchDB database)

的东西

$.couch.db("mydb").create({
    success: function(data) {
        console.log(data);
    },
    error: function(status) {
        console.log(status);
    }
});

我已经定义了这些

@JsName("$")
external val jq: JQuery

val jCouch: dynamic get() = jq.asDynamic().couch

但我对如何转换 javascript 代码感到困惑

jCouch.db.create("mydb").现在怎么办?

Answer 1

有几种方法。首先，您可以创建一个 dynamic object 并在那里设置所需的属性：

val settings: dynamic = Any()
settings.success = { data: dynamic -> console.log(data) }
settings.error = { status: dynamic -> console.log(status) }
jCouch.db("db").create(settings)

(您也可以为数据或状态指定相应的类型)

其次，可以使用json函数：

jCouch.db("db").create(json(
    "success" to { ... }, // edit note: added missing comma
    "error" to { ... }
))

第三，可以写成typedheaders。我不知道 Couch API 是什么，所以 headers 看起来大约是这样的：

external interface Db {
    fun create(settings: DbCreateSettings)
}

external interface DbResult

external interface DbError

external interface DbCreateSettings {
    val success: ((DbResult) -> Unit)?
    val error: ((DbError) -> Unit)?
}

fun JQuery.db(name: String): Db = asDynamic().db(name)

fun foo() {
    jq.db("name").create(object : DbCreateSettings {
        override val success = { it: DbResult -> console.log(it) }
        override val error = { it: DbError -> console.log(it) }
    })
}

最后，您可以看到 Kotlin stdlib 如何为选项声明 headers

如何从 Kotlin 调用需要 jQuery ajax 设置对象的 javascript 函数？

How to call a javascript function from Kotlin that expects a jQuery ajax settings object?

kotlin

kotlin-js-interop