Помогите подправить код!!!
Есть документ, но при первоначальной загрузке страницы (или обновлении) она чистая, что подправить или добавить чтобы при загрузке или обновлении страницы подгружалась страница page1.html?
Ребят, помогите пожалуйста! <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=windows-1251"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); // создаем ajax-объект if( http ) { http.open('get', link); // инициируем загрузку страницы http.onreadystatechange = function () { // назначаем асинхронный обработчик события if(http.readyState == 4) { cont.innerHTML = http.responseText; // присваиваем содержимое } } http.send(null); } else { document.location = link; // если ajax-объект не удается создать, просто перенаправляем на адрес } } // создание ajax объекта function createRequestObject() { try { return new XMLHttpRequest() } catch(e) { try { return new ActiveXObject('Msxml2.XMLHTTP') } catch(e) { try { return new ActiveXObject('Microsoft.XMLHTTP') } catch(e) { return null; } } } } </script> </head> <body> <p>Какую страницу желаете открыть?</p> <a href="javascript:showContent('page1.html')" type="href">123</a> <a href="javascript:showContent('page2.html')" type="href">999</a> <div id="contentBody"> </div> <div id="loading" style="display: none"> Идет загрузка... </div> </body> </html> |
Собственно, код и так работает. Но для этого его нужно запустить по протоколу http, а не file.
Не забываем, что это хоть и рабочий пример, но в результате получается "каша": корневой элемент внутри элемента документа и т.д. |
ajax не работает по протоколу file
|
модераторы могут пожалуйста отформатировать код в сообщении ТС ?
неудобно читать ... |
Часовой пояс GMT +3, время: 02:46. |