2

php が xml ドキュメントを送り返すのを JavaScript が認識していないようです。phpコード:

$domtree = new DOMDocument('1.0', 'UTF-8');

/* append it to the document created */
$xmlRoot = $domtree->appendChild($domtree->createElement("root"));

foreach (glob('./img/photos/*.*') as $filename) {
    //echo $filename;
    $xmlRoot->appendChild($domtree->createElement("image",$filename));
}

/* get the xml printed */
echo $domtree->saveXML();

上記のコードの出力は次のとおりです。

<?xml version="1.0" encoding="UTF-8"?>
<root><image>./img/photos/2012-02-26 17.02.12.jpg</image>
<image>./img/photos/2012-03-09 08.21.48.jpg</image>
<image>./img/photos/2012-07-21 14.09.39.jpg</image>
<image>./img/photos/2012-07-25 15.25.17.jpg</image>
<image>./img/photos/2012-08-04 17.54.38.jpg</image>
<image>./img/photos/2012-08-04 23.36.30.jpg</image>
<image>./img/photos/2012-08-06 06.08.43.jpg</image>
<image>./img/photos/2012-08-07 20.57.34.jpg</image>
<image>./img/photos/2012-08-09 20.40.11.jpg</image>
<image>./img/photos/2012-08-25 20.54.05.jpg</image>
<image>./img/photos/2012-09-07 11.19.50.jpg</image>
<image>./img/photos/2012-09-08 15.53.27.jpg</image>
<image>./img/photos/2013-01-30 19.19.16.jpg</image>
<image>./img/photos/2013-01-31 09.48.39.jpg</image></root>

これを AJAX で呼び出すと、AJAXRequest.responseXML を呼び出すと null が返されます。

編集: AJAX 要求コード:

function requestImages()
{
    request=new XMLHttpRequest();
    request.open("GET", "getPhotos.php");
    request.onreadystatechange=showPhotos;
    request.send();
}

function showPhotos()
{
    if ((request.readyState == 4)) {
        doc=request.responseXML; // This returns null
    }
}
4

2 に答える 2

0

サードパーティのライブラリを使用していない場合は、この種のコード スニペットを試してください (必要に応じて変更してください)。

var request = window.ActiveXObject ?
      new ActiveXObject('Microsoft.XMLHTTP') :
      new XMLHttpRequest;

  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      request.onreadystatechange = doNothing;
      callback(request.responseText, request.status);
    }
  };

  request.open('GET', url, true);
  request.send(null);

request.responseText を使用していることに注意してheader("Content-type: text/xml");ください。ヘッダーのようにコンテンツ タイプを追加すると、返された xml が確実に取得されます。

アップデート

XML を解析するには、次のコード スニペットを使用できます。

function parseXml(str) {
  if (window.ActiveXObject) {
    var doc = new ActiveXObject('Microsoft.XMLDOM');
    doc.loadXML(str);
    return doc;
  } else if (window.DOMParser) {
    return (new DOMParser).parseFromString(str, 'text/xml');
  }
}

function doNothing() {} //use this for some processing at run time
于 2013-04-03T16:06:20.990 に答える