Azure Web 应用程序 - Javascript 未按预期工作

Azure Web App - Javascript not working as expected

我在 .NET Framework 4.7 上的 Azure 上有一个网站 运行。在该网站中,我有一个表格,当填写并提交时,有一个使用 JQuery 和 AJAX 的脚本,它从表格中获取数据并将其发送到我们的自定义 API。

我在表单中添加了一个新字段。现在,当我单击提交按钮时,脚本会将其发送到我们的 API。但是,该新字段始终为空。

但是当我 手动 在 F12 中调用脚本时,它正确地获取了数据并且我们的 API 获得了预期的新字段值。但是当我通过按钮触发它时,它不会。

我已经检查过我在 Azure 上使用的代码与我在 F12 上使用的代码完全相同。我已将 set dynamic caching 更改为 0 并重新启动网站,但它并没有解决问题。 WEBSITE_RUN_FROM_PACKAGE 或 WEBSITE_NODE_DEFAULT VERSION 会以任何方式影响它吗?

或者 js 是否引用了不同的文件(缩小版或其他文件)?我认为这个问题与 JS 没有让我进入新领域有关,但我不确定为什么当我可以在 F12 中完美地完成它时它却没有。

我也在使用 Umbraco API,但我怀疑这是问题所在,因为 API 可以正常接收数据。

    var model = {
        FirstName: $("#member-register #user_FirstName").val(),
        LastName: $("#member-register #user_LastName").val(),
        PostCode: $("#member-register #user_PostCode").val()
    };

    $.ajax({
        url: "/Umbraco/Api/Member/RegisterMember",
        method: "POST",
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        success: function (response) {
            $("#register").modal('hide');
            if (response.Success) {
                // Clear the form fields otherwise it will be visible when register is clicked again.
                $("#member-register #user_FirstName").val("");
                $("#member-register #user_LastName").val("");
                $("#member-register #user_PostCode").val("");
            } else {
                $("#registerFailure").modal('show');
            }
        },
        error: function (response) {
            $("#register").modal('hide');
            $("#registerFailure").modal('show');
        }
    })

原来我们使用的是客户端依赖框架 (https://github.com/Shandem/ClientDependency)。 Azure 上引用的 JS 是旧的,我们必须更新 ClientDependency.config 中的版本,以便它重新打包并使用最新版本。

<clientDependency version="20191028" fileDependencyExtensions=".js,.css" loggerType="Umbraco.Web.UI.CdfLogger, umbraco">