のアンカー要素がありid="popup"ます。ページが読み込まれると、href="path/to/image.jpg".
hrefAJAX を使用して、このアンカーの変更したい値を取得します。
AJAX 応答を受け取ったら、次のようにします。
alert(jQuery("#popup").attr("href"));//alert 1
jQuery("#popup").attr("href", xhRequest.responseText);
alert(jQuery("#popup").attr("href"));//alert 2
(にxhRequest.responseTextは正しい値が含まれていますが、文字列リテラルを使用しただけでも同じ問題が発生します)。
問題は、これを行った後、ページで生成された HTML がhref="undefined"アンカー要素に表示されることです。
- アラート 1 は、href 属性の初期値を正しく示しています
- アラート 2 は、新しい値を href として正しく表示します
- ページ自体が表示されます
href="undefined"
したがって、href は何らかの影響を受けていますが、値が適切に追加されていません。
更新
何らかの理由で正しいデータが返されていますが、次のようになっています:
error: function(xhRequest, ErrorText, thrownError) {
alert(xhRequest.status + ' ----' + xhRequest.responseText + '---');
if ((xhRequest.responseText != '') && (document.getElementById("popup"))) {
alert(jQuery("#popup").attr("href"));
jQuery("#popup").attr("href", xhRequest.responseText);
alert(jQuery("#popup").attr("href"));
}
}
isの値とxhRequest.statusis200の値xhRequest.responseTextはimages/linked/ColorBeige.jpg、予想どおり、スペースがありません。