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">
我在 .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">