2017-09-28 6 views
0

タグのonclickでページを読み込むための基本的なAjaxを実装しました。jQueryコールバックはonclickのtrue/falseを返します

問題は、私のJSがbool valに戻ってこないということです。私のJS/jQueryと私のHTMLです。私は、私の代わりに小さな監視をしています。

JS:

function loadPage (caller) { 
    var href = $(caller).attr('href'); 
    var url = 'http://localhost/api'; 

    $.ajax({ 
    type: 'POST', 
    url: url + href, 
    dataType: 'json', 
    data: {}, 
    success: function (data) { 
     $('li.active').removeClass('active'); 
     $(caller).parent().addClass('active'); 
     $('div#content').html(data); 
     history.pushState({foo: "bar"} , '', href); 
     return false; 
    }, 
    error: function() { 
     return true; 
    } 
    }); 
} 

はHTML:誰でもボタンがコンテンツをAJAXますように私はこれをやっている疑問に思っている、とJSが何らかの理由で失敗した場合、それがする場合

<li><a class="header-text" href="/" onclick="return loadPage(this);"></a></li> 

代わりにページを完全に読み込みます。

+1

ない可能性を使用することができます。代わりに、常にキャンセルして手動でエラーをリダイレクトしてください。 –

+0

'href = '#'を追加し、非同期api呼び出しを使用してデータを表示する必要があります。 – BeingExpert

答えて

関連する問題