Question

使用来自用户的代码＆＃34; wildpeaks＆＃34;我试图修改它以满足我的需求，但它不起作用。我的目标是请求在xml文档中返回的信息。解析xml文档并将结果发布到相应的输入框。任何人都可以指出我出错的地方。

＆＃13;

messageId

＆＃13;

XML文件看起来像

＆＃13;

<!DOCTYPE html>
<html>
<head>
<title>jQuery and XML</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<table>
<tr><td>
    <select name="recordList" onChange="getRecords(this);">
    <option value="1">Test1</option>
    <option value="2">Test2</option>
    <option value="3">Test3</option>
    </select>
</td></tr>
<tr><td>
    <input type="text" name="AnswerA192" id="AnswerA192" value="">
</td></tr>
<tr><td>
    <input type="text" name="AnswerA189" id="AnswerA189" value="">
</td></tr>
</table>

<script type="text/javascript">
function getRecords(what) {
  $.ajax({ 
    type: 'POST', 
    url: 'getAutoFill.php',
    xhrFields: { fkAutoFill: what.value },
    dataType: 'xml', 
    success: function(xml){
    $('response', xml).find('dtlFill').each(function() {
    $("#AnswerA" + $(this).attr("fkQuestion")).value($(this).attr("colData"));
});			
}
});
}
</script>
</body>
</html>

＆＃13;

Answer 1

更改为：

$.ajax({ 
    type: 'POST', 
    url: 'getAutoFill.php',
    data: { fkAutoFill: what.value },
    dataType: 'xml', 
    success: function(xml) {
        $(xml).find('dtlFill').each(function () {
            $("#AnswerA" + $(this).attr("fkQuestion")).val($(this).attr("colData"));
        });
    }
});

的变化：

您应该只使用$('response', xml)。

$(xml)

使用data设置代替xhrFields。
在jQuery对象上使用.val()，而不是.value()。

注意：当您指定dataType: 'xml'时，jQuery会在将响应对象传递给$.parseXML()回调函数之前自动调用success。

jsfiddle

Answer 2

以下代码可以满足您的需求：

var xml = '<?xml version="1.0" encoding="UTF-8"?>' +
  '<dtlAutoFill>' +
  '<dtlFill fkQuestion = "192" colData = "test1" colData2 = "test1" />' +
  '<dtlFill fkQuestion = "189" colData = "test2" colData2 = "test1" />' +
  '</dtlAutoFill>';

$(document).ready(function() {
  var xmlDoc = $.parseXML(xml);
  var $xml = $(xmlDoc);

  var colData = $xml.find('dtlFill').each(function() {
    var colData = $(this).attr('colData');
    var fkQuestion = $(this).attr('fkQuestion');

    $('#AnswerA' + fkQuestion).val(colData);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="AnswerA192" id="AnswerA192" value="">
<input type="text" name="AnswerA189" id="AnswerA189" value="">

但我注意到您的XML格式错误，<dtlFill>标记未关闭。 jQuery只能在关闭该标记后解析XML。

XML Parse片段was taken from the jQuery documentation。

Answer 3

谢谢你的帮助。在您的帮助下，我能够进行以下更改，这解决了我的问题。

$.ajax({ 
            type: 'POST', 
            url: 'getAutoFill.php',
            data: { fkAutoFill: what.value },
            dataType: 'html',
            cache: false})
        .done(function(xml) {
            var xmlDoc = $.parseXML(xml);
            var $xml = $(xmlDoc);
            $xml.find('dtlFill').each(function() {
                $(".AnswerA" + $(this).attr("fkQuestion")).val($(this).attr("colData"));
            });
        });

无法在AJAX中解析xml响应

3 个答案: