通过 AJAX 发送 XML

Question

我在 jQuery 中创建了一个 xml 文档，如下所示

var xmlDocument = $('<xml/>');
var foo = $('<foo/>');
var bar = $('<bar/>');

foo.append(bar);
xmlDocument.append(foo);

并尝试将其转发到服务器。

$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   precessData     :   false,
   contentType     :   'text/xml',
   data            :   xmlDocument,
   sucess          :   function( data ) {
      alert('success');
   },
   error           :   function() {
      alert('failed to send ajax request');
   },
   complete        :   function() {
      alert('ajax request completed');
   }
});

即使服务器只回显“foo”，我也得到alert('ajax request completed') 而不是alert('success')。我究竟做错了什么？是我创建 xml 文档的方式还是我将其转发到服务器的方式？

没有 xml 文档的 ajax 请求工作正常，我得到了“foo”。

更新 #1

将 precessData 更改为 processData 并将 sucess 更改为 success 后，我会看到 failed to send ajax request 对话框。

当我将 ajax 方法中的数据参数更改为

$.ajax({
   ...
   data :   {
      data: xmlDocument
   },
   ...
});

我还收到了failed to send ajax request 对话框。

服务器端的代码应该没问题，因为它只是

<?php
echo 'foo';
?>

更新 #2

我按照 AndreasAL 的回答转换了我的字符串

// Convert to string instead of DOM Elements
xmlDocument = $("<wrap/>").append(xmlDocument).html();

// Url encode the string
xmlDocument = encodeURIComponent(xmlDocument);

但我仍然得到相同的对话框 (failed to send the ajax request)。所以我认为错误可能出现在我的 xml 文档中，并使用 AndreasAL 的答案中的代码片段覆盖了我的 xml 文档。

xmlDocument = $('<xml/>');
foo = $('<foo/>').appendTo(xmlDocument);
bar = $('<bar/>').appendTo(foo);

仍然是相同的行为。

于是我再次检查了我的 xml 文档并将其打印在一个对话框中，它看起来很好。

我想不出可能出现错误的地方...

Answer 1

编辑：

你打错字了——不是precessData，而是processData

$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   precessData     :   false, // change to processData

又是sucess，应该是success

---

试试：

var xmlDocument = $('<xml/>'),
    foo = $('<foo/>').appendTo(xmlDocument),
    bar = $('<bar/>').appendTo(foo);

---

// Convert to string instead of DOM Elements
xmlDocument = $("<wrap/>").append(xmlDocument).html();

// Url encode the string
xmlDocument = encodeURIComponent(xmlDocument);


$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   processData     :   false,
   contentType     :   'text/xml',
   data            :   xmlDocument,
   success         :   function( data ) {
      alert('success');
   },
   error           :   function() {
      alert('failed to send ajax request');
   },
   complete        :   function() {
      alert('ajax request completed');
   }
});

Answer 2

您在整个过程中都在使用 jQuery 对象。

像这样编写您的 XML，将字符串连接在一起。不将它们作为 DOM 对象。

var xmlDocument = '<xml/>';
xmlDocument += '<foo/>';
xmlDocument += '<bar/>';

然后贴出来，像这样

$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   precessData     :   false,
   contentType     :   'text/xml',
   data            :   { 
                           data: xmlDocument //wrapped inside curly braces
                       },

   // Here is your spelling mistake
   success          :   function( data ) {
      alert('success');
   },
   error           :   function() {
      alert('failed to send ajax request');
   },
   complete        :   function() {
      alert('ajax request completed');
   }
});

Answer 3

最后，我决定将xml文档转换成字符串发送到服务器。

$xmlString = $(xmlDocument).html();

由于我只需要存储接收到的数据，所以我将其恢复为字符串或 xml 没有区别。

我只需要更改我的 ajax 请求，现在一切正常。

$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   data            :   'data=' + xmlString,
   success         :   function( data ) {
      alert(data);
   },
   error           :   function() {
      alert('failed to send ajax request');
   },
   complete        :   function() {
      alert('ajax request completed');
   }
});

Answer 4

我认为您的代码在成功时存在错误

$.ajax({
   url             :   'js/foobar.php',
   type            :   'POST',
   precessData     :   false,
   contentType     :   'text/xml',
   data            :   xmlDocument,
   success          :   function( data ) {
      alert('success');
   },
   error           :   function() {
      alert('failed to send ajax request');
   },
   complete        :   function() {
      alert('ajax request completed');
   }
});

Answer 5

使用 $.parseXML 来操作 XML ，您将 xml 视为 html

http://api.jquery.com/jQuery.parseXML/

Answer 6

使用这个：

data : { xml: xmlDocument }

发布值需要一个键