How to get data from json api url?

Question

I tried to get the data with the jQuery.getJSON() but it doesn't work.

I want to get the data from this url: http://www.posta.com.tr/api/LiveScore/LeagueStageFixture?TournamentID=1&includeFixture=1

This is what I tried:

JS

 $.getJSON("http://www.posta.com.tr/api/LiveScore/LeagueStageFixture?TournamentID=1&includeFixture=1", function(data) {
    $('#data').text(data.result);
});

HTML

<div id="data"></div>

How can I get the data and show it in a div?

Answer 1

please try this.

$.ajax({
  url: "http://www.posta.com.tr/api/LiveScore/LeagueStageFixture",
  type: "get", //send it through get method
  headers:{ 
    "Access-Control-Allow-Origin": "*" 
    },
  data:{
        TournamentID: 1,
        includeFixture: 1
    },
  success: function(response) {
    //Do Something
  },
  error: function(xhr) {
    //Do Something to handle error
  }
});

Answer 2

It works now with php. The problem was that the domain blocks connection from different hosts.