AJAX IE-only problem : Unkown runtime error

當我使用$.get(url,data,callback)擷取一段html並將其添加到容器issueReportContainer中時,我的callback是這樣寫的:

1 function appendContentToIssueReport(o)
2 {
3     $("#issueReportContainer").attr("innerHTML",o.responseText);
4 }

這段代碼在Firefox 3.0下能正常工作,但是在IE8,IE7中卻不行。debugger後發現，語句$("#issueReportContainer").attr("innerHTML",o.responseText);產生了一個"Unknown runtime error" 異常。經過思考與查閱資料後才明白，在IE中必須先建立一個新的element,將內容添加到新的元素中，然後再將新的元素添加到容器中才行。應用這個辦法，將callback更改如下後即可正常工作：

1 function appendDataToDiv(o)
2 {
3 $("<div/>").attr("innerHTML",o.responseText).appendTo("#issueReportContainer");
4 }

參考資料：http://www.mercurytide.com/knowledge/white-papers/issues-working-with-ajax