JavaScriptとXMLに問題があります

-2

私のサイトでこのjavascriptを実行しようとしていますが、ロードできないようです。私は下のチュートリアルのリンクに従ったが、それはちょうど正しくロードされていないようだ。誰も助けることができます。申し訳ありませんが、XMLを使い慣れていません。JavaScriptとXMLに問題があります

また、サーバーではなくローカルでこれを実行しようとしています。

ビデオリンク：https://www.youtube.com/watch?v=ppzYGd0wi_c

<!DOCTYPE html> 

<html> 
<head> 


     <title>XML Testing</title> 


     <meta name=viewport content="width=device-width, initial-scale=1"> 




     <!-- CSS Style Information --> 
<!--  <link rel="stylesheet" href="files/style.css" media="all">--> 



     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 


     <script type="text/javascript"> 

      $(document).ready(function(){ 
       $.ajax({ 
        type: "GET", 
        url: "data.xml", 
        dataType: "xml", 
        success: xmlParser 
       }); 
      }); 

      function xmlParser(xml){ 
       $(xml).find("painting").each(function){ 
        $("#container").append('<div class="painting"><img src="images/' + $(this).find("image").text() + '" width="200" height="225" alt="' + $(this).find("title").text() + '" /><br/><div class="title">' + $(this).find("title").text() + '<br/>$' + $(this).find("price").text() + '</div></div>'); 
       }); 
      } 


     </script> 


    </head> 
    <body id="body"> 

     <div id="container"> 

     </div> 


    </body> 
</html>

別のXMLファイルと呼ばれるdata.xmlに

<?xml version="1.0"?> 


<paintings> 
    <painting> 
     <title>Boardwalk 5</title> 
     <artist>Arnie Palmer</artist> 
     <image>test.png</image> 
     <price>850</price> 
    </painting> 
    <painting> 
     <title>Boardwalk 5</title> 
     <artist>Arnie Palmer</artist> 
     <image>test.png</image> 
     <price>850</price> 
    </painting> 
</paintings>

出典

2016-09-23 Curtis Paradis

可能性の重複はありませんローカルファイルからは動作しません]（http://stackoverflow.com/questions/17947971/ajax-in-jquery-does-not-work-from-local-file ） – dave

実際の問題に関する詳細を追加できますか？どのブラウザを使用していますか？ブラウザ用の開発ツールを使用している場合は、問題の絞り込みに役立つエラーメッセージが表示されます。 –

あなたのブラウザでブラウザのコンソールで 'F12'を押し、エラーを見つけてください。何が欠けているのか、どんなタイプのエラーが表示されます。 –

JS構文エラー、次のようになりますjqueryのではAjaxの[の

$(xml).find("painting").each(function(){ 
    $("#container").append('<div class="painting"><img src="images/' + $(this).find("image").text() + '" width="200" height="225" alt="' + $(this).find("title").text() + '" /><br/><div class="title">' + $(this).find("title").text() + '<br/>$' + $(this).find("price").text() + '</div></div>'); 
});

出典

2016-09-23 17:06:42 Picko

あなたが何を変更したかは少なくとも言及してください。慎重に検査することなく、その1文字の違いを見つけることはできません。 – dave

各（** function）{**をそれぞれ（** function（）{** - に追加すると、欠落している括弧が追加されました。 – Picko

JavaScriptとXMLに問題があります

答えて

関連する問題