JSON-сообщение возвращается в форму HTML

Question

У меня есть HTML-форма, которая отправляет значения в веб-службу, которая отправляет обратно статус JSON или сообщение об ошибке.Эта форма встроена в Wordpress.Как я могу получить доступ к возвращенному значению и отобразить сообщение об ошибке?

Answer 1

Это будет включать в себя некоторый Javascript, я очень рекомендую использовать jQuery с его ajax функцией:

;(function($) {
  $(document).ready(function() {
    $('#form-id').bind('submit', function(e) {
      e.preventDefault();
      $.ajax({
        type: 'post',
        url: $('#form-id').attr('action'),
        dataType: 'json',
        success: function(jsonObject) {
          if (jsonObject.error != undefined) {
            alert(jsonObject.error.message);
          }
          else {
            alert('The submission was successful');
          }
        },
        error: function() {
          alert('A connection error occurred. Please try again');
        }
      });
    });
  });
})(jQuery);

Это сделает HTTP-публикацию по URL, содержащемуся в атрибуте действия формы, и загрузит возвращенную строку JSON в объект javascript.