는 JSON을 구문 분석 및 IMG의 SRC 문제에 그것을 보여주는

Question

난 아무데도 내가 .. 예를 원하는 데이터를 표시 할 수 있습니다 ajax..I의 도움으로 PHP 페이지에서 JSON 데이터를 얻을 때 : 이제

$.ajax({ 

     type: "GET", 
     url: "test.php", 
     data: up, 
     cache: false, 
     success: function(r){ 
     var obj = jQuery.parseJSON(r); 
     $('#test').val(obj.sentvalue); 
    }, 
     }); 

<div id="test">Here the data will go</div> 

을 나는 페이지에서 변수의 관점에서 이미지를 얻고 있습니다. 어떻게 올바른 위치에 그것을 보여줄 수 있습니까 ??

$.ajax({ 

      type: "GET", 
      url: "test.php", 
      data: up, 
      cache: false, 
      success: function(r){ 
      var obj = jQuery.parseJSON(r); 
      $('#??').val(obj.image); 
     }, 
      }); 

<img src = "product/(here i need to put the variable).jpg" /> 

Answer 1

이미지 태그에 ID 속성을 지정하면 나중에 jQuery를 사용하여 요소를 쉽게 선택할 수 있습니다.

<img id="myImage" src="existingJunk.jpg" /> 

하고 스크립트에서

, 당신의 JSON 구조의 특정 속성을 읽고 이미지의 src 속성을 설정합니다. JSON 데이터로 작업 할 때

success: function(r){ 
     var obj = jQuery.parseJSON(r); 
     $("#myImage").attr("src",obj.ImageSource); 
    }, 

{ 
    "ImageSource" :"http://somedomainname.com/newImage.jpg" 
} 

처럼, 당신의 JSON 데이터가 ImageSource 속성이 가정, jsonlint.com는 JSON을 검증하기 위해 매우 유용합니다.