Доступ Ajax POSTed данные на странице cfm - PullRequest
Новая
       6

Доступ Ajax POSTed данные на странице cfm

0 голосов
/ 10 июля 2020

Я пытаюсь использовать Ajax / JQuery для отправки формы, а на целевой странице (response.cfm) я возвращаю Json, который вернет сообщение об успехе или ошибке (в зависимости от флажка ) на странице формы (form.cfm). Но я не могу получить доступ к данным, отправленным запросом ajax.

form.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>

response.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>

Ответы [ 2 ]

1 голос
/ 10 июля 2020

Вам необходимо проверить опубликованное значение для error, которое будет доступно в области form. 

  <cfset response = {
    SuccessMessage: form.error ? JavaCast("null", "") : "Success",
    ExceptionMessage: form.error ? "An error occurred" : JavaCast("null", "")
  }>
0 голосов
/ 10 июля 2020

Расширение решения Дэна 

<cfsilent>

... 

<cfset response = [
   "SuccessMessage" : form.error ? JavaCast("null", "") : "Success",
   "ExceptionMessage" : form.error ? "An error occurred" : JavaCast("null", "")
 ]>

 ...

 <cfsilent>  

 <cfoutput> #serializeJSON(response)# </cfoutput>

Итак, какие изменения?

  1. Silent - самый эффективный способ удержания случайных пробелов
  2. Использование упорядоченной структуры упрощает отладку, потому что результаты остаются в том же порядке
  3. Использование заключенных в кавычки ключей сохраняет их в одном регистре, что также упрощает отладку.
...