jQuery – Firefly Cards Game with JSON

Firefly Cards Game with JSON

Prerequisites

Lecture – jQuery Card Game – Serenity – Part 1 of this series

Lecture – Javascript – JSON – What is JSON

Summary

Removes the hard coded object data from the jQuery to an external file and then retrieves this file.

Video

Reference Materials

http://jsfiddle.net/reaglin/odnqk9vv/ – JSFiddle of Code

http://api.jquery.com/jquery.getjson/ – Documentation for JSON

http://jsonlint.com/ – JSONLint validator for JSON

Additional Information

Firefly.json

{
    "cards" : [{ 
        "number":"1", 
        "name": "Mal"
    },{
        "number":"2",
        "name": "Zoe"
    },{
        "number":"3",
        "name":"Kaylee"
    },{
        "number": "4",
        "name": "Book"
    },{
        "number": "5",
        "name": "Simon"
    },{
        "number": "6",
        "name": "River"
    },{
        "number": "7",
        "name":"Jayne"
    },{
        "number": "8",
        "name": "Inara"
    },{
        "number": "9",
        "name": "Wash"}]
} 

 

COP 4813 Lectures