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); 

这将使一个HTTP POST包含在表单的action属性中的URL，并加载返回的JSON字符串转换成一个JavaScript对象。