Страница не загружается с помощью AJAX

Я новичок в AJAX &, пытаясь загрузить страницу (test.html) через ajax в DIV. Я просто хочу знать, что это можно использовать AJAX без сервера PHP (который я не использую в настоящее время), или есть какие-либо ошибки в коде:Страница не загружается с помощью AJAX

Мой файл index.html как в соответствии с:

<! doctype html> 
<html lang="en"> 
<head> 
<link rel="stylesheet" href="css/hwcb.css"> 
</head> 
<body> 
     <input type="button" value="Load" class=”loadpage1”/> 
     <div id="loadpagea1"></div> 

    <script src="jquery.js"></script> 
<script src="css.js"></script> 
<script src="main.js"></script> 
    </body> 
    </html>

мой файл test.html:

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
We belongs to a great nation 
</body> 
</html>

main.js страница:

$('.loadpage1').click(function(){ 
$.ajax({ 
url:'test.html', 
success:function(data){ 
$('#loadpagea1').html(data); 
} 
}); 
});

источник

2015-03-02 user3811050

внутри успеха обратного вызова вместо '$ (». Loadpagea1') .html (data); 'try' $ ('# loadpagea1'). html (data); 'и вместо использования ajax для загрузки статического html попытайтесь использовать' .load() 'вместо этого. –

Этот код должен быть $ ('# loadpagea1') в качестве селектора идентификаторов. –

Уже используется, но не работает – user3811050

Я просто хочу знать, что это можно использовать AJAX без PHP сервера

Если предположить, что этим вы имеете в виду без какого-либо сервера в целом, то нет, это не является. Вы не можете сделать запрос AJAX в локальную файловую систему, поскольку он будет заблокирован настройками безопасности браузеров.

Вам необходимо сделать запрос на сервер, локальный или удаленный. Я бы предложил настроить сервер XAMP для PHP или IIS для ASP.Net.

источник

2015-03-02 07:56:14

Я не могу использовать сервер, поскольку это офисный компьютер, есть ли какой-либо способ без сервера, т. Е. Путем изменения настроек браузера и т. Д. – user3811050

@ user3811050 Я боюсь, что нет. Представьте, может ли кто-то получить доступ к файлам на вашем локальном компьютере через AJAX. Я бы получил ваши банковские реквизиты в одно мгновение;) Вы можете установить сервер на этой машине, хотя - при условии, что вам разрешено. –

  $(document).ready(function(){ 
       $('.loadpage1').click(function(){ 
       $.ajax({ 
       url:'test.html', 
       success:function(data){ 
       var data = $(data); 

       $('#loadpagea1').html(data.find('body').html()); 
       } 
       }); 
       }); 

      })

Попробуйте

источник

2015-03-02 07:56:15

Не работает sir – user3811050

@ user3811050 \t Извините, я отредактировал свой ответ, пожалуйста, проверьте это. И убедитесь, что ваши файлы index.html и test.html находятся в одной папке. –

Попробуйте это,

var jqXHR = $.ajax({ 
     url: "/test.html", 
     type: "get", 
     contentType: "text/html; charset=utf-8", 
     async: false, 
     success: function (result) { 
     } 
    }); 
    $('#loadpagea1').html(jqXHR.responseText);

источник

2015-03-02 07:59:22

Извините, не работает sir – user3811050

Проверьте правильность пути к файлу, попробуйте использовать «/test.html» или «test/html». –

Попробуйте код сейчас, я отредактировал синтаксическую ошибку. –

у вас есть ошибка синтаксиса HTML, см ЦИТАТЫ class=”loadpage1” изменения с class="loadpage1"

источник

2015-03-02 08:16:26 Firuza

Страница не загружается с помощью AJAX

ответ

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