页面无法使用AJAX加载

我是AJAX &的新手，尝试通过ajax将页面加载到DIV中（test.html）。我只是想知道，是不是可以使用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（）'来代替。 – 2015-03-02 07:55:01

这段代码应该是$（'＃loadpagea1'）作为id选择器。 – 2015-03-02 07:55:27

已使用但无法使用 – user3811050 2015-03-02 07:56:40

我只是想知道，是不是可以使用AJAX没有PHP服务器

一般无需任何服务器这个你的意思是假定，那么没有事实并非如此。您无法向本地文件系统发出AJAX请求，因为它会被浏览器的安全设置阻止。

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

来源

2015-03-02 07:56:14

我不能使用服务器，因为这是办公室电脑，有没有办法也没有办法，即通过改变浏览器设置等。 – user3811050 2015-03-02 08:02:50

@ user3811050恐怕不是。想象一下，如果有人可以通过AJAX访问本地机器上的文件。我会立即获得银行详细信息;）您可以在该计算机上安装服务器 - 但前提是允许。 – 2015-03-02 08:10:08

  $(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 2015-03-02 08:08:17

@ user3811050 \t 对不起，我编辑了我的答案，请检查这个。并确保您的index.html和test.html文件在同一个文件夹中。 – 2015-03-02 09:27:51

试试这个，

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 2015-03-02 08:00:13

检查你的文件路径是否正确，尝试使用“/test.html”或“test/html”。 – 2015-03-02 08:01:00

现在试试代码，我编辑过的语法错误。 – 2015-03-02 08:02:02

你有HTML语法错误，请参阅报价class=”loadpage1”变化与class="loadpage1"

来源

2015-03-02 08:16:26 Firuza

页面无法使用AJAX加载

回答

相关问题