2013-09-25 3 views
1

Я изучал этот учебник по загрузке файлов с помощью Javascript. Я следил за учебником и не загружал файлы. Вот мой код:Загрузка файла HTML с помощью JS

<script type="application/javascript" 
     src="http://server2.example.com/Users/1234"> 
</script> 

Теперь в этом учебнике (Here) Он говорит, что необходимо загрузить файл в DIV. Вы, ребята, знаете, что происходит?

+0

Таким образом, ответ, как ожидается, будет внутренней HTML в формате JSONP права? –

ответ

1

Загрузка JSON

типа "учебник" вы упомянули, страница Вики на JSON. Строка кода, которую вы предоставили, точно копируется с этой страницы, и если вы правильно читаете содержимое, это не говорит о загрузке HTML файлов с javascript, но загрузка Данные JSON из Javascript.

Фактически на странице четко сказано, что этот подход не позволяет вам получить доступ к данным JSON, поскольку ему не назначено ничего делать, и даже если он загружает данные как объект, у вас нет указателя на этот объект!

Вместо этого та же страница предлагает использовать что-то вроде

<script type="application/javascript" 
     src="http://server2.example.com/Users/1234?jsonp=parseResponse"> 
</script> 

, так что вы можете использовать функцию parseResponse с данными.

Загрузка HTML

Поскольку вы хотите загрузить некоторые дополнительные HTML, после загрузки страницы, вы должны сделать что-то вроде:

Пример кода: (частично скопированный со страницы, я дал вам)

<script type="text/javascript"> 
    function loadXMLDoc(filename) { 
    var xmlhttp; 
    if (window.XMLHttpRequest) { 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else { 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     after_load_function(xmlhttp.responseText); 
     } 
    } 
    xmlhttp.open("GET",filename,true); 
    xmlhttp.send(); 
    } 

    function after_load_function(responseText) { 
     document.getElementById("myDiv").innerHTML = responseText; 
    } 

    window.onload = function() { 
     loadXMLDoc("your_html_filename.html"); 
    } 
</script> 
+0

Итак, вы пытаетесь объяснить, что невозможно загрузить файл HTML в Div с помощью JS? – Shaun

+0

Вы можете сделать это, но не написав тег '

0

вы можете использовать JQuery ajax или get функцию, которая будет извлекать данные из данного URL и печати тха т данные в данной DIV

<script type="application/javascript"> 
$.get("http://server2.example.com/Users/1234?jsonp=parseResponse" 
     ,function(data) { 
         $("body").append("Name: " + data.name) // John 
         .append("Time: " + data.time); // 2pm 
         } 
     ,"json"); 
</script> 

Обратитесь по ссылке для получения более подробной информации Jquery.get()

Смежные вопросы