javascript - 无法解析 AJAX 中的 xml 响应

标签 javascript jquery ajax xml

使用用户“wildpeaks”的代码,我尝试修改它以满足我的需求,但它不起作用。我的目标是请求在 xml 文档中返回的信息。解析 xml 文档并将结果发布到相应的输入框。谁能指出我哪里出错了。

<!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>

XML 文件看起来像

<?xml version="1.0" encoding="UTF-8"?>
<dtlAutoFill>
    <dtlFill fkQuestion = "192" colData = "test1" colData2 = "test1">  
    <dtlFill fkQuestion = "189" colData = "test1" colData2 = "test1">
</dtlAutoFill> 

最佳答案

以下代码可以满足您的要求:

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 解析片段,was taken from the jQuery documentation .

关于javascript - 无法解析 AJAX 中的 xml 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30315712/

相关文章:

javascript - 获取输入字段的总和

java - 如何使用 AJAX 在 servlet 中循环发送和接收数据

javascript - 使用ajax调用C#事件不起作用

javascript - 如何将我的答案写在变量中?

javascript - 将具有多个全名的字符串转换为具有第一个字符姓氏的名称

javascript - 带 Switch 的简单 JavaScript 计算器

JavaScript 架构 - 中介者,何时使用它们?

javascript - CSS:使用的png文件的标签内容更改大小

javascript - ajax.done 函数不起作用

javascript - angularjs 中的表单更改和有效性