Json & Extjs

@mrshakirov · Регистрация: 06.10.2011

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

Написал restful сервис и выложил ее на iis. Возвращает данные в формате json по url(http://127.0.1.1/uk1/Service1.... body=World) :

XML
1
{"Header":"Hello","Body":"World"}

Вопрос: как мне обратиться к этим данным через extjs или jquery? Скриптовый файл тоже выкладывать на iis?

@Kdn · 20.10.2011, 09:57

mrshakirov, Вопрос не понятен! Вы уже приняли эти данные или вы хотите задать вопрос "Как сделать запрос к сервису для получения данных?"

@mrshakirov · 20.10.2011, 10:44 **[ТС]**

например, вывести Hello World в окне extjs или jQuery. Т.е. нужен скрипт который будет работать с этим json ом.

@Kdn · 20.10.2011, 12:26

mrshakirov,

JavaScript
1
2
3
4
5
6
7
var json = {"Header":"Hello","Body":"World"};
Ext.create("Ext.Window",{
  width:300,
  height:300,
  title:json["Header"],
  html:json["Body"]
}).show();

@mrshakirov · 20.10.2011, 13:22 **[ТС]**

спасибо, но это не совсем то что нужно,
у меня ест url ка, которая возвращает json(если вставить url в браузер это видно)
а как мне из этой странички через ajax взять эти данные, т.е. мы не сами задаем

JavaScript
1
var json = {"Header":"Hello","Body":"World"};

а тянем из станички через url
Можно так сделать?

@Kdn · 20.10.2011, 14:47

mrshakirov, Можно

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

но это не совсем то что нужно,

Я же спрашивал что конкретно нужно. Чем подробнее вы опишите проблему тем быстрее получите верный ответ на неё!!!

Ладно. Теперь я понял что надо сделать. Следующий вопрос. Ну написали вы веб-сервис. Сайт или веб приложение которое будет извлекать данные из этого сервиса где находится? В этом же домене?
Или где то в другом?

Т.е. если скажем у вас сервис url(http://127.0.1.1/uk1/Service1.... body=World)
То сайт откуда нужно вызвать сервис находится url(http://127.0.1.1/uk1/index.html) ???

@mrshakirov · 20.10.2011, 15:25 **[ТС]**

у меня есть конкретная проблема: сервис (реализован на .net) возвращает json. Сервис вызывается по url: "http://127.0.1.1:81/uk2/Service1.svc/json/123". Сам сервис крутится на IIS. Запуск скрипта произвожу с рабочего стола. Есть скрипт на jquery:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function () {
  $("#button").click(function () {
    $.getJSON( 
            "http://127.0.1.1:81/uk2/Service1.svc/json/123",       
 function (data) {    
  alert(data.toString())
    });
 
 
  });
});

он, по идее, должен тянуть данные json по заданному url, но этого не происходит.Сами данные выглядят так:

JavaScript
1
{"JSONDataResult":"enter2 123"}

примечательно, что если сохранить эти же данные в файл .jsp, то из файла скрипт данные получает.
Есть сервис от yahoo:

http://pipes.yahoo.com/pipes/p... ndigg=1000

c данным url скрипт работает хорошо.
вот моя проблема.

@Kdn · 20.10.2011, 16:22

mrshakirov, Я вам объясню почему не получается. Вы пытаетесь извлечь данные из домена отличного от домена web приложения.
Существует технология, которая позволяет извлечь данные из другого домена. Называется JsonP.
Посмотрите мануалы по JQuery,раз уж код на JQuery. Там вроде бы нужно включить в параметры http запроса параметр callback=? .

Добавлено через 8 минут
Пример из документации JQuery:

HTML5
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
<!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div id="images">
 
</div>
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "cat",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 3 ) return false;
    });
  });</script>
 
</body>
</html>

@mrshakirov · 20.10.2011, 16:36 **[ТС]**

спасибо, попробую, завтра напишу

@Kdn · 21.10.2011, 10:24

mrshakirov, Да, кстати забыл сказать что при использовании JsonP ваш сервис должен принимать название функции и использовать имя функции в качестве обёртки.
Т.е. Вы написали функцию обработчик

JavaScript
1
function ReadData(data){ /*data using*/}

в запросе передаётся имя этой функции

в результате сервис должен выдать ответ:

JavaScript
1
ReadData({"Header":"Hello","Body":"World"})

@mrshakirov · 21.10.2011, 15:56 **[ТС]**

Спасибо тебе! Очень помог - действительно дело было в этом))

Добавлено через 1 минуту
Спасибо! Очень помог - действительно дело было в этом!))

Добавлено через 1 минуту
Помогло! Спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@Kdn 307 / 165 / 25 Регистрация: 07.02.2011 Сообщений: 319
	20.10.2011, 09:57
	mrshakirov, Вопрос не понятен! Вы уже приняли эти данные или вы хотите задать вопрос "Как сделать запрос к сервису для получения данных?" 0

@mrshakirov 0 / 0 / 0 Регистрация: 06.10.2011 Сообщений: 10
	20.10.2011, 10:44 [ТС]
	например, вывести Hello World в окне extjs или jQuery. Т.е. нужен скрипт который будет работать с этим json ом. 0

@mrshakirov 0 / 0 / 0 Регистрация: 06.10.2011 Сообщений: 10
	20.10.2011, 16:36 [ТС]
	спасибо, попробую, завтра напишу 0

@mrshakirov 0 / 0 / 0 Регистрация: 06.10.2011 Сообщений: 10
	21.10.2011, 15:56 [ТС]
	Спасибо тебе! Очень помог - действительно дело было в этом)) Добавлено через 1 минуту Спасибо! Очень помог - действительно дело было в этом!)) Добавлено через 1 минуту Помогло! Спасибо! 0