Использование JSONP при возврате XML

Я задал более ранний вопрос, который был определенно полезным и дал мне знать о JSONP. Тем не менее, я вижу, что я должен указать JSONP в качестве типа данных. Теперь, насколько мне известно, это тип возвращаемых данных, который будет XML. Может ли XML быть возвращен с использованием JSONP или я ограничен возвращением в формате JSONP? Спасибо!

Источник

3 ответа

Решение

Вы ограничены JSONP (а не XML) из-за того, как он работает. JSONP превращается в это:

<script src="myPage?callback=myFunction" type="text/javscript">

Поэтому, когда вы берете контент, он эффективно делает это:

<script type="text/javascript">
  myFunction({ data: value, data2: value2 });
</script>

Возвращается реальный запуск JavaScript, поэтому он не может быть XML, вы получите всевозможные синтаксические ошибки, точно так же, как вы сделали бы это:

<script type="text/javascript">
  <elem>
    <data>value</data>
    <data2>value2</data2>
  </elem>
</script>

Как вы можете себе представить, парсеру JavaScript это не очень понравится, и он не знает, что с ним делать. jQuery может анализировать XML в большинстве случаев без каких-либо проблем, но если вы используете JSONP и он предназначен для междоменных запросов... ну, JSONP - ваш единственный вариант, если вы не написали прокси-страницу на своем сайте, которая не нарушала правила политики того же происхождения и использовали его в качестве прокси для извлечения XML.

Источник

Идея состоит в том, чтобы отправить обратно исполняемый код с сервера. Напишите плагин jQuery или расширьте функцию ajax, чтобы она возвращала строку XML в качестве параметра функции.

myCallback("
  <root>
    <person>
      <first>John</first>
      <last>Doe</last>
    </person>
  </root>")

Плагин проанализирует эту строку в XML и вернет ее обратно к вашему текущему обратному вызову. Что касается вашего обратного вызова, он не знает о string -> xml Процесс конвертации.

Вот существующая реализация.

Самый идеальный интерфейс для этого с jQuery был бы,

$.ajax({
    url: 'http://example.com/resource?type=xml',
    dataType: 'xmlp',
    success: function(xml) { .. }
});

но так как возиться и переписывать jQuery.ajax проблематично, вы можете написать это как отдельный плагин с пространством имен, который будет использовать getScript под.

$.myNamespace.ajax({
    ..
});

Чтобы это работало, вам понадобится управление сервером. Сервер должен знать, что XML запрашивается, и отвечать вызовом функции, который содержит строку XML в качестве параметра. Предполагая, что имя обратного вызова, которое вы отправили на удаленный сервер, было fooсервер должен будет ответить чем-то вроде:

foo("<names><name>..</name></names>")

Я думаю, что если бы вы использовали браузер, который поддерживал E4X, тогда не было бы необходимости заключать XML в строку. Сервер может просто вернуть XML в качестве аргумента функции обратного вызова:

foo(
  <names>
    <name>John Doe</name>
  </names>
)

Но, к сожалению, E4X пока широко не поддерживается.

Источник

Вы можете написать XML в функции Javascript внутри в /* comment */ и преобразовать эту функцию в текст с помощью метода functionname.toString() и анализа текста между/*" а также "*/"с функцией обратного вызоваJSONP, которая работает во всех старых браузерах. Пример xml_via_jsonp.js:

function myfunc()
{/*
<xml>
<div class="container">
        <div class="panel panel-info col-lg-10 col-lg-offset-1 added-panel">
            <div class="panel-heading">Random1 - Random2</div>
            <div class="panel-body">
                <div>Random3</div>
            </div>
        </div>
    </div>
</xml>
*/}

function callback(func)
{
var myhtml = func.toString();
var htmlstart = myhtml.indexOf('/*');
var htmlend = myhtml.lastIndexOf('*/');
return myhtml.substr(htmlstart+2, htmlend-htmlstart-2);
}
Источник
Другие вопросы по тегам