2011-09-07 3 views
0

JSON 상태 또는 오류 메시지를 다시 보내는 웹 서비스에 값을 게시하는 HTML 양식이 있습니다. 이 양식은 Wordpress에 내장되어 있습니다. 반환 값에 액세스하고 오류 메시지를 표시하려면 어떻게합니까?JSON 메시지가 HTML 양식으로 반환되었습니다.

+0

jQuery의 .ajax를 살펴보십시오 http://api.jquery.com/jQuery.get/ –

+0

이미 가지고있는 코드 중 일부를 게시 할 수 있습니까? @Kelly가 더 좋습니다 : [http://api.jquery.com/jQuery.ajax/](http://api.jquery.com/jQuery.ajax/)]는 반환 된 데이터를보다 잘 제어합니다. – Bassem

+0

.get은 .ajax의 속기 양식입니다. 그들은 동등하다. –

답변

2

그것은 내가보기 엔 그것이 ajax 함수의와 jQuery를 사용하는 것이 좋습니다 것, 일부 자바 스크립트를 포함합니다 :

;(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을로드

문자열을 자바 스크립트 객체에 저장합니다.

+0

디버깅을 위해 @econner는 형식화 된 json 객체를 표시하기 위해'console.log (jsonObject); '를 사용할 수 있습니다. – Bassem

+0

웹 서비스는 JSON 형식의 성공 상태 또는 오류 메시지를 다음과 같이 반환합니다. – econner

+0

{ "CreateResellerResult": { "AvailableCredits": 0, "DataKey": ""Id ":"59fe4d79-7b1f-4560 ","제품 번호 ":"{ ""Id ":"81fa46ef-57d7-4658-8eb3-92a18c7486cf ","ProductCount ": 100,"ProductName ": false,"Name ":"test1000 " ":"product1 "}, {"Id ":"0730e907-aba5-4095-8650-35bf4794ffc7 ","ProductCount ": 50,"ProductName ":"product2 "}]}} – econner

관련 문제