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 并成功更改为成功后，我会看到failed to send ajax request对话框。

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

时

$.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答案中的代码snipplet覆盖了我的xml文档。

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

仍然是相同的行为。

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

我的错误可能就是......

Answer 1

您正在整个过程中使用jQuery Object。

像这样编写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 2

最后，我决定转换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 3

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

$.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 4

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

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

Answer 5

使用它：

data : { xml: xmlDocument }

发布值需要密钥

通过AJAX发送XML

5 个答案: