2016-12-25 3 views
6

मैं जानना चाहता था कि jQuery के साथ JSON का उपयोग कैसे करें, इसलिए मैंने उस पर एक साधारण वीडियो ट्यूटोरियल का पालन किया। हालांकि, सभी चरणों का पालन करने और वीडियो के समान सटीक कोड का उपयोग करने के बाद, मुझे अभी भी console.log के बाद कंसोल में कुछ भी दिखाई नहीं देता है। मैं क्या गलत कर रहा हूं? यहाँjquery अजाक्स के साथ जेसन का उपयोग कुछ भी वापस नहीं करता

<!DOCTYPE html> 
<html> 
<head> 
    <title>Document</title> 
</head> 
<body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
    $.ajax({ 
     url: 'articles.json', 
     dataType: 'json', 
     type: 'get', 
     cache: false, 
     succes: function(data) { 
     $(data.articles).each(function(index, value) { 
      console.log("success"); 
     }); 
     } 
    }); 
    </script> 
</body> 
</html> 

और मेरे JSON फ़ाइल (articles.json) जिससे मैं डेटा का उपयोग करने की कोशिश कर रहा हूँ है::

यहाँ HTML पृष्ठ है

{ 
    "articles": [ 
     { 
      "id": 1, 
      "name": "Article 1" 
     }, 
     { 
      "id": 2, 
      "name": "Article 2" 
     }, 
     { 
      "id": 3, 
      "name": "Article 3" 
     } 
    ] 
} 

अग्रिम धन्यवाद!

+4

आप वर्तनी 'गलत तरीके से success'। दस्तावेज़ देखें http://api.jquery.com/jQuery.ajax/ – charlietfl

+0

@charlietfl मुझे खेद है, यह मेरी मूल भाषा में लिखा गया है :) –

+1

संपत्ति का नाम सही होना चाहिए। लॉगिंग स्टेटमेंट में जो कुछ भी आप चाहते हैं उसे मिस्पाल कर सकते हैं, यह – charlietfl

उत्तर

-2

उपयोग $ .getJSON

उदाहरण

$.getJSON("articles.json", function(data) { 
 
    
 
    $.each(data.articles, function(key, val) { 
 
    console.log(val); 
 
    }); 
 

 
});

http://api.jquery.com/jquery.getjson/

+1

हालांकि यह एक अलग समाधान है, यह ओपी की समस्या का उत्तर नहीं देता है जहां उसने सफलता की गलत वर्तनी की है। – CodeLikeBeaker

0

यहाँ jQuery

0 का उपयोग कर जावास्क्रिप्ट में json डेटा पढ़ने के लिए सही तरीका क्या है

संबंधित मुद्दे