被请求的页面(ajax_piece.html)
<p id="msg">This paragraph is for AJAX demo</p>请求的页面<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
    <script type="text/javascript" src="js/ext-all-debug.js" ></script>
    <script type="text/javascript">
        var myDiv;
        function loadParagraph(){
            Ext.get('container').load({
                url:'ajax_piece.html',
                callback:function(el,success,response){
                    console.debug(success);    //1
                    console.debug(response);   //2
                }
            });
        }
        Ext.onReady(function(){
            myDiv = Ext.get('msg');
            console.debug(myDiv.dom.innerHTML);
            Ext.Function.defer(loadParagraph,1000);
        });
    </script>
</head>
<body>
    <div id="container">
        <div id="msg">This is local msg.</div>
    </div>
</body>
</html>
执行结果
1处为false
2处用FireBug看Dom结构,有N多节点,以下列出几个status          0
statusText    ""
responseText    "<p id="msg">This paragraph is for AJAX demo</p>"
不明白的是,明明都已经在response中取到了ajax_piece.html中的内容,为什么success还是false?
Element.load应该会把container中原有的html替换成AJAX返回的内容,但是现在没有load成功,所以执行完load后,该页面的div还是显示local msg。Ext JSHTMLAjaxURL