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對象。