2013-12-18 95 views
0

我在訪問服務器端值到我的jQuery函數時遇到問題。我給我的本地主機路徑(NewsRecord.php)作爲AJAX URL(它工作),但如果我給服務器路徑它不工作......我不知道什麼是問題 - 服務器URL打印JSON數據正常。下面的代碼:從Web網址獲取json數據時出錯使用ajax jquery

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 

    </head> 
    <body> 
    <div data-role="page" data-theme="a"> 
     <div data-role="header"> 
      <h1>News Letter</h1> 
     </div> 
    <div data-role="content" id="level" ></div> 

    <div data-role="footer"></div> 
     <h4>Powered by Handigital</h4> 
    </div> 
    <script type='text/javascript'> 
    $(document).ready(function() { 
      $.ajax({ 
        url:'NewsRecord.php', 
         dataType:'json', 
         success:function(output) { 
        for(var u=0;u < output.length;u++) 
        { 
        $('#level').append('<div>Title &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:'+output[u].Title+'<br>Source &nbsp;&nbsp;&nbsp;:<a href='+output[u].links+'>'+output[u].Source+'</a><br>Category :'+output[u].Category+'</div><hr>'); 
        }} 
        ); 
      });  
    </script> 
    </body> 
    </html> 

回答

1

您正在訪問從本地主機服務器 - 這意味着,你的文件不在服務器,它是由於Same Origin Policy限制。 。請將您的文件帶到服務器上,並以與本地相同的方式進行ajax調用。它會工作。

如果您有意進行跨域請求,請使用JsonP Plugin

或者如果您針對的是現代設備或瀏覽器,則可以使用Cors進行跨域請求。

More info on JsonP

希望它可以幫助