Question

我使用jQuery并且我遇到了ajax（）函数的问题。它似乎不是一个困难的问题，但无论如何我不知道发生了什么。我想使用ajax从其他html文件加载内容，这是我的代码：

$(function(){
$('.submit-1').click(function(){
    $('.right').load('ajax.html .page-2');
});});

当我在NetBeans IDE上运行它时它非常有效 - 当我单击按钮时，内容加载。问题是，如果没有Netbeans，它就无法工作 - 例如，当我打开index.html时。

Answer 1

在服务器（apache，nginx）中运行代码，ajax无法在没有服务器的情况下运行

如果您的元素是链接或提交按钮，则使用prevent default

$(function(){
$('.submit-1').click(function(e){
    e.preventDefault();
    $('.right').load('ajax.html .page-2');
});});

Answer 2

使用preventDefault功能。希望它会有所帮助

$(function(){
 $('.submit-1').click(function(e){
 e.preventDefault();
 $('.right').load('ajax.html .page-2');
});});

Answer 3

也许它在您安装服务器时解决了您的问题。使用Apache，这很容易做到。只需安装它并配置/启动Apache。使用XAMPP，您还可以安装数据库，它支持PHP和PERL。

Answer 4

你可以试试这个

$('.submit-1').click(function(){
    $.get( "ajax/test.html", function( data ) {
        $( ".result" ).html( data );
        alert( "Load was performed." );
    });
});

Answer 5

这是解决方案

$(function(){
$('.submit-1').click(function(){     
$.get('yourURL/home.html', function (data) {
    $('.right').append(data);
   });
});

您需要附加从服务器重新调整的数据。回调函数中的'data'变量保存了home.html中的完整html

jQuery ajax（）函数 - 内容不加载

5 个答案: