允许从互联网Explorer9访问本地存储的XML

Question

我正在用HTML5开发一个必须在本地工作的webapp应用程序。

是一个设计数据模型的应用程序，它应该从XML格式良好的文件中解析表信息，并将它们呈现在html中。我想创建自定义视图，通过URL中的GET参数告诉脚本从XML中解析的表的名称。

为此，我使用了jQUery的$.ajax方法，我在火狐中开发了它，一切都很顺利。但我需要它在IE9上工作，并且同时使用$.ajax和XMLHttpRequest时，我会收到“访问被拒绝”的错误。

下面是在Firefox上运行的脚本：

$(document).ready(function () {
    // // rilevo la stringa  dell'URL che contiene i nomi delle tabelle da visualizzare
    var query = window.location.search.substring(1);
    // se c'è
    if (query){
        // alert('query= '+query);
        var tabelle = query.split('&');
        // alert('lunghezza array tabelle= '+tabelle.length);

        $.ajax({
            type: "GET",
            url: "tables.xml",
            dataType: "xml",
            async: false,
            success: function(xml) {
                alert('start loading tables');
                // var i_success = 0;
                for(var i_success=0; i_success<tabelle.length; i_success++){
                    $(xml).find('tabella').each(function(){
                        // alert('pars+write tabella '+i_success+': id= '+tabelle[i_success]);
                        if ($(this).find('id').text() == tabelle[i_success]) {
                        var id = $(this).find('id').text();
                            // //verifico che la tabella sia tra quelle passatemi nell'URL
                            // var found = $.inArray(id, tabelle) > -1;
                            var classe = $(this).attr('classe');
                            var title = $(this).find('title').text();
                            $('<div class="drag tab" id="'+id+'"></div>').html('<h2 class="th">'+title+'</h2>').appendTo('#content');
                            var i_celle = 0;

                            $(this).find('cella').each(function() {
                                var id_cella = $(this).find('id_cella').text();
                                var content = $(this).find('content').text();
                                $('<div class="td '+id_cella+'">'+content+'</div>').appendTo('#'+id);
                                i_celle++;
                            }); 
                        // continue;
                        } else {
                            return;
                        }
                    });// end find each
                } //end for
            },//end success

            complete: function(){
                toggleFields();
                connections();
                toggleBg();
                alert('complete');
            },//end complete
            error: function(richiesta,stato,errori){
                $("#content").html("<strong>Caricamento delle tabelle fallito:</strong><br/>"+stato+" "+errori);
            }//end error
        }); //end ajax
    } else {
        alert('Non sono state fornite tabelle da visualizzare...');
    }

});`

下面是我尝试为IE实现的代码：

$(document).ready(function () {

    // // rilevo la stringa  dell'URL che contiene i nomi delle tabelle da visualizzare
    var query = window.location.search.substring(1); 
    // se c'è
    if (query){
        alert('query= '+query);
        var tabelle = query.split('&');
        alert('lunghezza array tabelle= '+tabelle.length);

        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            alert('Questo browser supporta XMLHttpRequest! :)');
            xmlhttp=new XMLHttpRequest();
            alert('XMLHttpRequest creata con successo');

            xmlhttp.open("GET","tables.xml",true);
            alert('richiesta aperta');
            xmlhttp.send();
            alert('Request inviata con successo');
        } else {// code for IE6, IE5
            alert('XMLHttpRequest non supportata da questo browser');
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

    } else {   
        alert('Non sono state fornite tabelle da visualizzare...');
    }// end if query

}); // end document.ready

有谁能帮帮我吗？我快疯了..。

Answer 1

我设法修好了。

我决定以内联方式传递JSON对象中的所有数据。

您可以在HTML DOM中执行此操作，使用

<script type="application/json" id="stuff>

json code here

</script>

并在js中使用var myVar=JSON.parse(document.getElementById('stuff').innerHTML)；调用它，这是HTML% valid：http://dev.w3.org/html5/spec/Overview.html#the-script-element。

我决定直接在js中编写它，并像var一样调用它。var tabObj = {"tabelle"：json代码}；我还需要了解是否必须解析它，或者是否不是强制性的。

这就是所有的人。谢谢你的帮助，我知道这是个奇怪的问题。