JSON消息返回到HTML表单

Question

我有一个HTML表单，它将值发布到发送回JSON状态或错误消息的Web服务。此表单嵌入在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);

这将对表单的action属性中包含的URL进行HTTP发布，并将返回的JSON字符串加载到javascript对象中。