Hvordan lægger jeg data fra MVC ind på min side?

Hej Alle

Jeg har lavet en Web API Controller i C# .NET som udstiller data jeg gerne vil bruge i forbindelse med en mobile app.

Data bliver udstillet som følger:

http://ffxivdb.com/api/FFXIVItem/1021

Erstat evt. id med noget andet... der er noget på de fleste id'er under 1000

Det som jeg gerne vil have er at jeg på en hvilken som helst side kan bruge denne data.

Jeg har følgende kode som jeg havde brugt i starten:


   
    <div>
        Name: <span id="NameEN"></span>
    </div>
    <div>
        Rank: <span id="Rank"></span>
    </div>
   
   
    <script type="text/javascript">

        getItem(534, function (item) {
            $("#NameEN").html(item.NameEN);
            $("#Rank").html(item.Rank);
        });

        function getItem(id, callback) {
            $.ajax({
                url: "api/FFXIVItem",
                data: { id: id },
                type: "GET",
                contentType: "application/json;charset=utf-8",
                statusCode: {
                    200: function (item) {
                        callback(item);
                    },
                    404: function () {
                        alert("Not Found!");
                    }
                }
            });
        }

    </script>

Men jeg har et problem med denne i forbindelse med at det bliver cross domain og jeg derfor får fejl 504.

Hvad skal jeg gøre for at vise data fra siden i min mobile app (som bare en en html app og ikke decideret programmeret).