jQuery ajax（）関数 - コンテンツがロードされない

Question

jQueryを使用していますが、ajax（）関数に問題があります。それは難しい問題ではないようですが、とにかく私は何が起こっているのか分かりません。 - 私はボタン、コンテンツのロードをクリックしたときに

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

私は、NetBeans IDE上でそれを実行したときにそれは完璧に動作します：私はここに私のコードだ、AJAXを使用して別のhtmlファイルからコンテンツをロードしたいと思います。問題はNetbeansなしでは動作しないことです。たとえば、index.htmlを開いたときです。

Answer 1

は、サーバ（Apacheのは、nginxの）でコードを実行し、AJAXは、あなたの要素が、リンクや送信ボタン

$(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

ます。これは、サーバーから戻さデータを追加する必要があるソリューション

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

あるこの

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

Answer 5

を試すことができます。コールバック関数の 'data'変数は、完全なhtmlをhome.htmlから保持します。