页面未使用AJAX加载


Page not loading with AJAX

我是AJAX&试图通过ajax将页面(test.html)加载到DIV中。我只想知道,在没有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);
}
});
});

我只是想知道,是否有可能在没有PHP服务器的情况下使用AJAX

假设你的意思是没有任何服务器,那么不,它不是。您不能向本地文件系统发出AJAX请求,因为浏览器的安全设置会阻止它。

您需要向本地或远程服务器发出请求。我建议为PHP设置XAMP服务器,或为ASP设置IIS。网

试试这个,

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

试试这个

您有html语法错误,请参阅引号class=”loadpage1”class="loadpage1" 的变化