Question

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

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

要做到这一点，我正在使用jquery的$.ajax方法，我在Firefox中开发它，一切顺利。但我需要它在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对象INLINE。

您可以使用

在HTML DOM中执行此操作

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

json code here

</script>

并使用js在js中调用它 var myVar = JSON.parse（document.getElementById（'stuff'）。innerHTML）; 这是HTML％有效：http://dev.w3.org/html5/spec/Overview.html#the-script-element。

我决定直接在js中编写它，并将其称为var。 var tabObj = {“tabelle”： json代码 }; 如果我必须解析它或者不是强制性的，我必须理解。

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

允许从Internet Explorer9访问本地存储的XML

1 个答案: