jquery - 在 cfm 页面中访问 Ajax POST 数据
问题描述
我正在尝试使用 Ajax/JQuery 提交表单,并在目标页面 (response.cfm) 上返回一个 Json,它将在表单页面 (form .cfm)。但我似乎无法访问 ajax 请求发送的数据。
表格.cfm
<form id="frm_test">
<input type="text" name="firstname" id="firstname" placeholder="First name" required /><br>
<input type="text" name="surname" id="surname" placeholder="Surname" required /><br>
<input type="email" name="email" id="email" placeholder="Email" required /><br>
<input type="checkbox" name="error" id="error" />Return error (check to see the error message. leave empty to see a success message)<br>
<input type="submit" value="Save changes" id="submitdata" />
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$("#frm_test").submit(function (eventData) {
event.preventDefault();
$("#message").empty();
var postData = {
first_name: $('#firstname').val(),
family_name: $('#surname').val(),
email: $('#email').val(),
error: $('#error').is(':checked')
};
$.ajax({
url: "response.cfm",
method: "POST",
data: postData
}).done(
function(response) {
if (response["SUCCESSMESSAGE"] !== null) {
$("#message").append(response["SUCCESSMESSAGE"]);
} else if (response["EXCEPTIONMESSAGE"] !== null) {
$("#message").append(response["EXCEPTIONMESSAGE"]);
}
});
$("#frm_test").trigger("reset");
});
</script>
<div id="message"></div>
响应.cfm
<cfprocessingdirective suppresswhitespace="Yes">
<cfset response = {
SuccessMessage: 'checkbox value' ? JavaCast("null", "") : "Success",
ExceptionMessage: 'checkbox value' ? "An error occurred" : JavaCast("null", "")
}>
<cfheader name="Content-Type" value="application/json">
<cfoutput> #serializeJSON(response)# </cfoutput>
</cfprocessingdirective>
解决方案
您需要检查范围内error
可用的已发布值。form
<cfset response = {
SuccessMessage: form.error ? JavaCast("null", "") : "Success",
ExceptionMessage: form.error ? "An error occurred" : JavaCast("null", "")
}>
推荐阅读
- kubernetes - Kubernetes 不会在工作节点上调度 Pod
- javascript - nodejs, socket, https - 套接字不连接但只断开连接
- python - Flask:何时使用会话与将用户数据存储在数据库中?
- typescript - 如何在 Vuex 中使用突变和动作?
- c# - WebApplicationFactory - InvalidOperationException:无法使用应用程序根定位解决方案根 - 从 Docker 容器测试时
- c++ - clang++ 的选项 -fno-strict-enums 有什么作用?
- postgresql - 在 postgreSQL 中使用 pg_pathman 进行表分区后,SQL 运行速度要慢得多
- php - 在 wp_remote_post 中发送表单数据
- rust - 如何从循环中的可变字符串中删除字符?
- angular - 在 *ngIf 中使用两个变量