Question

我是AJAX＆amp;试图通过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);
}
});
});

Answer 1

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

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

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

Answer 2

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

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

            })

试试这个

Answer 3

试试这个，

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

Answer 4

您有html语法错误，请参阅引号class=”loadpage1”更改class="loadpage1"

页面未加载AJAX

4 个答案: