jquery yql 값이 표시되지 않습니다.

평균 렌탈 가격을 얻으려고합니다. 내 yql 코드가 작동하고 올바른 값을 제공하지만 나는 평균 렌탈 옆에 그것을 표시하려고 노력하고있다. 그리고 그것은 작동하지 않는다. 내 생각에 렌탈 가격을 얻는 함수가 잘못된 위치에 있거나 변수를 잘못 처리하고 있다고 생각하지만 알아낼 방법을 모르겠습니다.jquery yql 값이 표시되지 않습니다.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></ script> 
    <script type="text/javascript"> 
     function evaluateHome() { 
      document.getElementById('loading').style.display = 'inline-block'; 

      var postcode = $('#postcode').val(); 
      var address = $('#address').val(); 




      $.get(makeUrl('http://www.realtor.com/propertyrecord-search/' + postcode), 
        function(data) { 
         var context = $('<div />').html($(data).find('content').text()); 

         $('#avgDays').html($(context).find('table.summaryTable strong:eq(3)').text()); 
         $('#avgList').html($(context).find('table.summaryTable strong:eq(4)').text() 
         + ' - ' + $(context).find('table.summaryTable strong:eq(1)').text()); 



        }); 


     function makeUrl(url) { 
      return 'http://query.yahooapis.com/v1/public/yql?q=' + 
        encodeURIComponent('select content from data.headers where url="' + url) 
        + '"&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys' 
     } 

    </script> 




</head> 
<body> 

    <div> 
     <table> 
      <tr> 
       <td><strong>Please enter postcode: </strong></td> 
       <td><input id="postcode" type="text"/></td> 
      </tr> 
      <tr> 
       <td><strong>Please enter address: </strong></td> 
       <td><input id="address" type="text"/></td> 
      </tr> 
      <script> 
function handleResponse (json) { 
var ul = document.getElementsByTagName('ul')[0], 
    avgRent = null; 
for (var i = 0; i < json.query.count; i++) { 
    avgRent = document.createElement('avgRent'); 
    avgRent.innerHTML = json.results[i]; 
    ul.appendChild(avgRent); 
} 
} 
</script> 
<script src="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.zillow.com%2Fwidgets%2Fzestimate%2FZestimateSmallWidget.htm%3Fdid%3Dzillow-shv-small-iframe-widget%26type%3Diframe%26forRent%3Dtrue%26address%3D'+ address.replace(/\ /g, '%2B') +'%2B'+postcode+'%22%20and%20xpath%3D'%2F%2Fdiv%5B%40id%3D%22zestimate-rate-container%22%5D%2Fspan%5B2%5D'&callback=handleResponse"></script> 
      <tr> 
       <td colspan="2" style="text-align: center;"> 
        <button onclick="evaluateHome()">Evaluate!</button> 
        <img id="loading" src="http://www.laneaviation.com/wp-content/themes/laneaviation/images/loading.gif" height="15"/> 
       </td> 
      </tr> 
     </table> 
    </div> 
    <div> 
     <table> 
      <tr> 
       <td><strong>Avg Marketing Days: </strong></td> 
       <td><div id="avgDays"></div></td> 
      </tr> 
      <tr> 
       <td><strong>Estimated Value: </strong></td> 
       <td><div id="estimatedVal"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Average List: </strong></td> 
       <td><div id="avgList"></div></td>      
      </tr> 

      <tr> 
       <td><strong>Bedrooms: </strong></td> 
       <td><div id="bedrooms"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Baths: </strong></td> 
       <td><div id="baths"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Home Sq Ft: </strong></td> 
       <td><div id="homeSize"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Lot Sq Ft: </strong></td> 
       <td><div id="lotSize"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Year Built: </strong></td> 
       <td><div id="builtYear"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Last Sold Date: </strong></td> 
       <td><div id="soldDate"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Last Sold Amount: </strong></td> 
       <td><div id="soldAmount"></div></td>      
      </tr> 
      <tr> 
       <td><strong>Tax Assessed Value: </strong></td> 
       <td><div id="taxVal"></div></td>      
      </tr> 
      <tr> 
    <td><strong>Average Monthly Rent: </strong></td> 
       <td><div id='ul.appendChild(avgRent)'></div></td> 
      </tr> 
    <tr> 
    <td><strong>Better to Sell/Buy or Rent?: </strong></td> 
       <td><div id="decision"></div></td>      
      </tr> 
    <tr> 
    <td><strong>Add 1 bedroom: </strong></td> 
       <td><div id="improveBed"></div></td>      
      </tr> 
    <tr> 
    <td><strong>Add 1 bath: </strong></td> 
       <td><div id="improveBath"></div></td>      
      </tr> 

     </table> 
    </div> 
    <script type="text/javascript"> 
     document.getElementById('loading').style.display = 'none'; 
    </script> 
</body> 
</html>

출처

2013-04-22 user974061

evaluateHome() 함수는 종료 중괄호 (}) 문자가 표시되지 않습니다. 그리고 어딘가에 함수를 호출하는 것을 잊지 마십시오.

enter image description here

출처

2013-04-22 21:56:50 salathe

어떻게 적절한 텍스트 옆에있는 테이블에 표시되는 값을 갖도록 함수를 호출합니까? – user974061

jquery yql 값이 표시되지 않습니다.

답변

관련 문제