Json запрос с сайта

@dragonsmob · Регистрация: 11.04.2012

Студворк — интернет-сервис помощи студентам

Всем привет.
Написал код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<body>
  <STYLE type="text/css">
  body {
    background: #fafafa url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]
    color: #444;
    font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
}
 
strong {
    font-weight: bold; 
}
 
em {
    font-style: italic; 
}
 
table {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    width: 800px;
}   
 
th {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png[/url]), linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
  font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;  
}
 
th:after {
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
    content: '';
    display: block;
    height: 20%;
    left: 0;
    margin: 1px 0 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
 
th:first-child {
    border-left: 1px solid #777;    
    box-shadow: inset 1px 1px 0 #999;
}
 
th:last-child {
    box-shadow: inset -1px 1px 0 #999;
}
 
td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
}
 
td:first-child {
    box-shadow: inset 1px 0 0 #fff;
}   
 
td:last-child {
    border-right: 1px solid #e8e8e8;
    box-shadow: inset -1px 0 0 #fff;
}   
 
tr {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:nth-child(odd) td {
    background: #f1f1f1 url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:last-of-type td {
    box-shadow: inset 0 -1px 0 #fff; 
}
 
tr:last-of-type td:first-child {
    box-shadow: inset 1px -1px 0 #fff;
}   
 
tr:last-of-type td:last-child {
    box-shadow: inset -1px -1px 0 #fff;
}   
 
tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #aaa;
}
 
tbody:hover tr:hover td {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
</STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
var json =[{"from":"Леод","to":"Тор-Ратах","attacker":"Epic","defender":"Берсерк (samarahino)","declared":"2017-03-09T16:18:41Z","resolved":"2017-03-10T14:00:00Z"},{"from":"Кёле","to":"Омулу","attacker":"Пылающие Драконы","defender":"Красная Капелла","declared":"2017-03-09T16:18:06Z","resolved":"2017-03-10T15:15:00Z"},{"from":"Бьомвиль","to":"Асгард","attacker":"Phoenix Warriors","defender":"Орден Дракона","declared":"2017-03-09T05:15:13Z","resolved":"2017-03-10T03:30:00Z"},{"from":"Варвары","to":"Лантшилд","attacker":"Небесные Самураи","defender":"Пылающие Драконы","declared":"2017-03-09T07:09:46Z","resolved":"2017-03-10T03:45:00Z"},{"from":"Чернолесье","to":"Паж","attacker":"Красная Капелла","defender":"Пылающие Драконы","declared":"2017-03-09T09:57:28Z","resolved":"2017-03-10T06:45:00Z"},{"from":"Хатафар","to":"Седвин","attacker":"Пылающие Драконы","defender":"Epic","declared":"2017-03-09T10:22:01Z","resolved":"2017-03-10T08:00:00Z"},{"from":"Сот","to":"Нут","attacker":"Epic","defender":"Пылающие Драконы","declared":"2017-03-09T10:24:57Z","resolved":"2017-03-10T09:45:00Z"},{"from":"Варвары","to":"Бер-Кун","attacker":"Легенды Руси","defender":"Phoenix Warriors","declared":"2017-03-09T18:32:22Z","resolved":"2017-03-10T17:00:00Z"},{"from":"Тарг","to":"Айра","attacker":"Апостолы","defender":"Phoenix Warriors","declared":"2017-03-09T11:20:58Z","resolved":"2017-03-10T07:45:00Z"},{"from":"Рунд","to":"Лит","attacker":"Красная Капелла","defender":"Пылающие Драконы","declared":"2017-03-09T18:37:06Z","resolved":"2017-03-10T14:45:00Z"},{"from":"Арта","to":"Ярл","attacker":"Апостолы","defender":"Phoenix Warriors","declared":"2017-03-09T12:48:21Z","resolved":"2017-03-10T11:15:00Z"},{"from":"Хэк","to":"Леслиград","attacker":"Phoenix Warriors","defender":"Пылающие Драконы","declared":"2017-03-09T19:34:14Z","resolved":"2017-03-10T18:45:00Z"},{"from":"Варвары","to":"Ухур","attacker":"Альянс","defender":"Phoenix Warriors","declared":"2017-03-09T20:24:34Z","resolved":"2017-03-10T16:30:00Z"},{"from":"Сеггер","to":"Эрлад","attacker":"Epic","defender":"Phoenix Warriors","declared":"2017-03-09T21:00:06Z","resolved":"2017-03-10T19:15:00Z"}];
var serializedBASE = JSON.stringify(json);
var echo = JSON.parse(serializedBASE);
Array.prototype.count = function () {
return this.length;
}
var count = echo.count();
var body = "<table><thead><tr><th>Атакуют</th><th> </th><th>Защищают</th><th>Город</th><th>Время</th></tr></thead>";
document.write(body);
for (var i = 0; i < count; i++) {
if (echo[i].attacker != "Epic") continue;
var date = echo[i].resolved;
var years = date.substring(0,4);
var month = date.substring(5,7);
var days = date.substring(8,10);
var h = parseInt(date.substring(11,13))+3;
var mm = date.substring(14,16);
var date_good = days + "/" + month + " " + h + ":" + mm + " МСК";
var table1 = "<tbody><tr><td>" + echo[i].attacker + "</strong</td><td> -> </td><td>" +echo[i].defender + "</td><td>" + echo[i].to + "</td><td>" + date_good +"</td></tr></tbody>";
document.write(table1);
}
for (var i = 0; i < count; i++) {
if (echo[i].defender != "Epic") continue;
var date = echo[i].resolved;
var years = date.substring(0,4);
var month = date.substring(5,7);
var days = date.substring(8,10);
var h = parseInt(date.substring(11,13))+3;
var mm = date.substring(14,16);
var date_good = days + "/" + month + " " + h + ":" + mm + " МСК";
 
document.write(table);
  
}
</script>
</body>
</html>

Все работает, но сам JSON я вставляю в переменную json, который формируется по адресу: http://berserktcg.ru/api/export/attacks.json или http://berserktcg.ru/api/export/clan/165.json (суть не важна), вопрос в том как получить динамический JSON с сайта, а не переходить по ссылке и "подсовывать" его в ручную?
Смысл в том, чтоб при исполнении скрипта, он автоматически получал JSON и обрабатывал его по сценарию.
Если можно, то с примерами, это мое первое детище на ЯС.
Заранее спасибо.

@Balanaar · 17.04.2017, 09:18

Данный код должен выглядеть следующим образом:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<html>
<body>
  <STYLE type="text/css">
  body {
    background: #fafafa url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]
    color: #444;
    font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
}
 
strong {
    font-weight: bold; 
}
 
em {
    font-style: italic; 
}
 
table {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    width: 800px;
}   
 
th {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png[/url]), linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
  font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;  
}
 
th:after {
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
    content: '';
    display: block;
    height: 20%;
    left: 0;
    margin: 1px 0 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
 
th:first-child {
    border-left: 1px solid #777;    
    box-shadow: inset 1px 1px 0 #999;
}
 
th:last-child {
    box-shadow: inset -1px 1px 0 #999;
}
 
td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
}
 
td:first-child {
    box-shadow: inset 1px 0 0 #fff;
}   
 
td:last-child {
    border-right: 1px solid #e8e8e8;
    box-shadow: inset -1px 0 0 #fff;
}   
 
tr {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:nth-child(odd) td {
    background: #f1f1f1 url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:last-of-type td {
    box-shadow: inset 0 -1px 0 #fff; 
}
 
tr:last-of-type td:first-child {
    box-shadow: inset 1px -1px 0 #fff;
}   
 
tr:last-of-type td:last-child {
    box-shadow: inset -1px -1px 0 #fff;
}   
 
tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #aaa;
}
 
tbody:hover tr:hover td {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
</STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
$.ajax({
  method: 'GET',
  url: 'http://berserktcg.ru/api/export/clan/165.json',
  success: function(response) {
    var json = response;
    var serializedBASE = JSON.stringify(json);
    var echo = JSON.parse(serializedBASE);
    Array.prototype.count = function () {
    return this.length;
    }
    var count = echo.count();
    var body = "<table><thead><tr><th>Атакуют</th><th> </th><th>Защищают</th><th>Город</th><th>Время</th></tr></thead>";
    document.write(body);
    for (var i = 0; i < count; i++) {
    if (echo[i].attacker != "Epic") continue;
    var date = echo[i].resolved;
    var years = date.substring(0,4);
    var month = date.substring(5,7);
    var days = date.substring(8,10);
    var h = parseInt(date.substring(11,13))+3;
    var mm = date.substring(14,16);
    var date_good = days + "/" + month + " " + h + ":" + mm + " МСК";
    var table1 = "<tbody><tr><td>" + echo[i].attacker + "</strong</td><td> -> </td><td>" +echo[i].defender + "</td><td>" + echo[i].to + "</td><td>" + date_good +"</td></tr></tbody>";
    document.write(table1);
    }
    for (var i = 0; i < count; i++) {
    if (echo[i].defender != "Epic") continue;
    var date = echo[i].resolved;
    var years = date.substring(0,4);
    var month = date.substring(5,7);
    var days = date.substring(8,10);
    var h = parseInt(date.substring(11,13))+3;
    var mm = date.substring(14,16);
    var date_good = days + "/" + month + " " + h + ":" + mm + " МСК";
     
    document.write(table);
      
    }
  }
});
</script>
</body>
</html>

Однако есть проблема. Кроссдоменные запросы по умолчанию запрещены. Только если удалённый сервер не разрешит запрос с конкретного домена, отправив соответствующий заголовок в ответе. Поэтому вопрос: регистрировали ли вы как-нибудь ваш домен в api сервиса, у которого вы получаете данные? Если да - то код должен работать без дополнительных манипуляций. Если нет - то вам придётся делать запрос с серверной стороны на языке PHP с помощью file_get_contents() или CURL.

@dragonsmob · 17.04.2017, 17:35 **[ТС]**

Изменил скрипт с переменными и тд под json "состав клана".
Внизу как он сейчас выгляди:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<body>
  <STYLE type="text/css">
  body {
    background: #fafafa url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]
    color: #444;
    font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
}
 
strong {
    font-weight: bold; 
}
 
em {
    font-style: italic; 
}
 
table {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    width: 800px;
}   
 
th {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png[/url]), linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
  font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;  
}
 
th:after {
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
    content: '';
    display: block;
    height: 20%;
    left: 0;
    margin: 1px 0 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
 
th:first-child {
    border-left: 1px solid #777;    
    box-shadow: inset 1px 1px 0 #999;
}
 
th:last-child {
    box-shadow: inset -1px 1px 0 #999;
}
 
td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
}
 
td:first-child {
    box-shadow: inset 1px 0 0 #fff;
}   
 
td:last-child {
    border-right: 1px solid #e8e8e8;
    box-shadow: inset -1px 0 0 #fff;
}   
 
tr {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:nth-child(odd) td {
    background: #f1f1f1 url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:last-of-type td {
    box-shadow: inset 0 -1px 0 #fff; 
}
 
tr:last-of-type td:first-child {
    box-shadow: inset 1px -1px 0 #fff;
}   
 
tr:last-of-type td:last-child {
    box-shadow: inset -1px -1px 0 #fff;
}   
 
tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #aaa;
}
 
tbody:hover tr:hover td {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
</STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
$.ajax({
  method: 'GET',
  url: 'http://berserktcg.ru/api/export/clan/165.json',
  success: function(response) {
    var json = response;
    var serializedBASE = JSON.stringify(json);
    var echo = JSON.parse(serializedBASE);
    Array.prototype.count = function () {
    return this.length;
    }
var count = echo[0].players.count();
var count_cities = echo[0].cities.count();
document.write("<div align=center>клан " + "<b>" + echo[0].title + "</b></div>Сегодня , и на данный момент клан имеет " + echo[0].points + " очка и " + count_cities + " города");
var body = "<table><thead><tr><th>Унгар</th><th>Уровень</th><th>Фраги</th><th>Смерти</th></tr></thead>";
document.write(body);
for (var i = 0; i < count; i++) {
var table1 = "<tbody><tr><td>" + echo[0].players[i].nick + "</strong</td><td>" + echo[0].players[i].level + "</td><td>"+ echo[0].players[i].frags + "</td><td>" + echo[0].players[i].deaths + "</td></tr></tbody>";
document.write(table1);
}
 
</script>
</body>
</html>

Но код не работает, даже не работает формирования таблиц.
а вот этот код работает:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<body>
  <STYLE type="text/css">
  body {
    background: #fafafa url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]
    color: #444;
    font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
}
 
strong {
    font-weight: bold; 
}
 
em {
    font-style: italic; 
}
 
table {
    background: #f5f5f5;
    border-collapse: separate;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    width: 800px;
}   
 
th {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png[/url]), linear-gradient(#777, #444);
    border-left: 1px solid #555;
    border-right: 1px solid #777;
    border-top: 1px solid #555;
    border-bottom: 1px solid #333;
    box-shadow: inset 0 1px 0 #999;
    color: #fff;
  font-weight: bold;
    padding: 10px 15px;
    position: relative;
    text-shadow: 0 1px 0 #000;  
}
 
th:after {
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
    content: '';
    display: block;
    height: 20%;
    left: 0;
    margin: 1px 0 0 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
 
th:first-child {
    border-left: 1px solid #777;    
    box-shadow: inset 1px 1px 0 #999;
}
 
th:last-child {
    box-shadow: inset -1px 1px 0 #999;
}
 
td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 15px;
    position: relative;
    transition: all 300ms;
}
 
td:first-child {
    box-shadow: inset 1px 0 0 #fff;
}   
 
td:last-child {
    border-right: 1px solid #e8e8e8;
    box-shadow: inset -1px 0 0 #fff;
}   
 
tr {
    background: url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:nth-child(odd) td {
    background: #f1f1f1 url([url]http://jackrugile.com/images/misc/noise-diagonal.png);[/url]   
}
 
tr:last-of-type td {
    box-shadow: inset 0 -1px 0 #fff; 
}
 
tr:last-of-type td:first-child {
    box-shadow: inset 1px -1px 0 #fff;
}   
 
tr:last-of-type td:last-child {
    box-shadow: inset -1px -1px 0 #fff;
}   
 
tbody:hover td {
    color: transparent;
    text-shadow: 0 0 3px #aaa;
}
 
tbody:hover tr:hover td {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
</STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
var json =[{"id":165,"abbr":null,"title":"Epic","points":182,"created":"2015-10-31T09:16:10Z","site":null,"players":[{"id":727532,"nick":"Epic_Lutobor","level":109,"frags":208,"deaths":282},{"id":1864863,"nick":"MerlinWizard","level":80,"frags":164,"deaths":228},{"id":1776046,"nick":"Dreamer_Player","level":126,"frags":53,"deaths":122},{"id":1870265,"nick":"instruktor","level":41,"frags":1,"deaths":7},{"id":1865908,"nick":"xamusvz","level":60,"frags":67,"deaths":104},{"id":742321,"nick":"Марвик","level":98,"frags":283,"deaths":574},{"id":1120377,"nick":"Epic_Zmeeglav","level":148,"frags":586,"deaths":505},{"id":1862869,"nick":"Кречет","level":66,"frags":125,"deaths":122},{"id":1779487,"nick":"Karry_Lu","level":148,"frags":384,"deaths":403},{"id":1801096,"nick":"Seroga_Boss","level":97,"frags":168,"deaths":221},{"id":1862207,"nick":"maks_vm84","level":69,"frags":176,"deaths":312},{"id":1562423,"nick":"Epic_Serg","level":107,"frags":163,"deaths":243},{"id":969679,"nick":"Паветта","level":144,"frags":175,"deaths":329},{"id":861917,"nick":"Epic_NubAs","level":111,"frags":744,"deaths":562},{"id":1848525,"nick":"ОлегБорзилов","level":122,"frags":180,"deaths":131},{"id":1758549,"nick":"Лианис","level":83,"frags":58,"deaths":135},{"id":52225,"nick":"Шельма","level":161,"frags":310,"deaths":513},{"id":1295751,"nick":"Playaz","level":72,"frags":287,"deaths":184},{"id":43065,"nick":"Zwolle","level":67,"frags":114,"deaths":291},{"id":1859045,"nick":"ВячеславАнтонов2","level":84,"frags":180,"deaths":322},{"id":1817353,"nick":"Epic_GoodWin","level":154,"frags":502,"deaths":405},{"id":1137052,"nick":"Трефа","level":110,"frags":724,"deaths":578},{"id":1869993,"nick":"Epic_Fail","level":90,"frags":88,"deaths":126},{"id":1854796,"nick":"Daimon_Red","level":60,"frags":53,"deaths":100},{"id":1776653,"nick":"ABell","level":81,"frags":84,"deaths":138},{"id":1864904,"nick":"marchislava","level":45,"frags":63,"deaths":177},{"id":11710,"nick":"Пурир","level":88,"frags":347,"deaths":247},{"id":56251,"nick":"Аларика","level":123,"frags":406,"deaths":550},{"id":1797722,"nick":"Seer","level":53,"frags":48,"deaths":76},{"id":1755801,"nick":"ЯраГорина","level":137,"frags":256,"deaths":350},{"id":289272,"nick":"ILKO","level":172,"frags":396,"deaths":653},{"id":1825969,"nick":"Epic_Caestas","level":127,"frags":185,"deaths":237},{"id":1871591,"nick":"fakamaza88","level":30,"frags":1,"deaths":11},{"id":11174,"nick":"AutumnN","level":54,"frags":109,"deaths":67},{"id":11382,"nick":"Epic_TImKA","level":123,"frags":734,"deaths":395},{"id":1868835,"nick":"LiraSirin","level":53,"frags":29,"deaths":51},{"id":1822696,"nick":"rewall","level":116,"frags":127,"deaths":105},{"id":969637,"nick":"Fallen_Angel_","level":155,"frags":200,"deaths":255},{"id":1790827,"nick":"Epic_Leslie_Knope","level":90,"frags":343,"deaths":510},{"id":27886,"nick":"SonyaMag","level":64,"frags":15,"deaths":48},{"id":11582,"nick":"Бран","level":117,"frags":251,"deaths":284},{"id":1867487,"nick":"Facedownz13","level":78,"frags":82,"deaths":116},{"id":1863374,"nick":"komiks","level":83,"frags":143,"deaths":252},{"id":1836329,"nick":"ТатьянаЧерноваРебров","level":92,"frags":75,"deaths":205},{"id":1489928,"nick":"Epic_Win","level":151,"frags":563,"deaths":462},{"id":1814053,"nick":"Epic_ME33A","level":138,"frags":129,"deaths":265},{"id":1871266,"nick":"EnoT71","level":42,"frags":9,"deaths":51},{"id":1857920,"nick":"ElenaGrinko","level":112,"frags":443,"deaths":409},{"id":1867719,"nick":"Мява","level":67,"frags":15,"deaths":67}],"cities":[20958,26004,19281,17357,19232]}];
var serializedBASE = JSON.stringify(json);
var echo = JSON.parse(serializedBASE);
Array.prototype.count = function () {
return this.length;
}
var count = echo[0].players.count();
var count_cities = echo[0].cities.count();
document.write("<div align=center>клан " + "<b>" + echo[0].title + "</b></div>Сегодня , и на данный момент клан имеет " + echo[0].points + " очка и " + count_cities + " города");
var body = "<table><thead><tr><th>Унгар</th><th>Уровень</th><th>Фраги</th><th>Смерти</th></tr></thead>";
document.write(body);
for (var i = 0; i < count; i++) {
var table1 = "<tbody><tr><td>" + echo[0].players[i].nick + "</strong</td><td>" + echo[0].players[i].level + "</td><td>"+ echo[0].players[i].frags + "</td><td>" + echo[0].players[i].deaths + "</td></tr></tbody>";
document.write(table1);
}
 
</script>
</body>
</html>

@Balanaar · 17.04.2017, 17:48

Сообщение от dragonsmob

Но код не работает

Я же вам писал про кроссдоменные запросы. Этот код и не будет работать, если удалённый сервер вам явно не разрешит делать подобные вещи.

@dragonsmob · 17.04.2017, 18:05 **[ТС]**

я полагаю что есть все настройки, так как такая тема работает у других.
https://yadi.sk/i/ZZsnJj1M3H4pN8 (правда сейчас файл json пустой), так как перерыв.

Добавлено через 2 минуты

Сообщение от Balanaar

Если нет - то вам придётся делать запрос с серверной стороны на языке PHP с помощью file_get_contents() или CURL.

это на сервере где делается формирование JSON?

@Balanaar · 17.04.2017, 18:08

JSON формирует API, к которому вы обращаетесь. Вы лишь считываете эту строку, а затем передаёте её клиенту как обычный String

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.04.2017, 18:08
	JSON формирует API, к которому вы обращаетесь. Вы лишь считываете эту строку, а затем передаёте её клиенту как обычный String 0