0

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

是一个设计数据模型的应用程序，它应该从 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

任何人都可以帮助我吗？我快疯了。。

4

1 回答 1

0

我设法修复。

我决定在一个 JSON 对象 INLINE 中传递所有数据。

您可以在 HTML DOM 中使用

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

json code here

</script>

并在 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 代码 }; 我必须了解我是否必须解析它或者是否不是强制性的。

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

于 2013-07-19T16:26:17.577 回答