負荷データは、JSP

に失敗した私は、ID = bodyContainerでdivの中にロードされたデータを表示するために仮定されるが、URLにリダイレクトされfollowinコードを持っていた... 負荷データは、JSP

function viewCategory() { 

$.get('/management/Category', function(data){ //received data 

$('#bodyContainer').html(data); //doesnt show in bodycontainer instead redirects to get method url 

}); } 

</script> 

    <body> 
<table class="table"> 

<tr> 
<td><a href="${pageContext.request.contextPath}/assetCategory" onclick="viewCategory()"> View Category</a> 
</td> 
</tr> 
</table> 

<div class="col-sm-10 col-md-10 col-lg-10" id="bodyContainer" >Welcome </div>

出典

2016-05-20 user2495765

は何がしたいんonlickを削除し、jqueryとそれをバインドするとき、 'anchor'リンクをクリック！あなたは 'href'で与えられたパスに行きたい、またはdivの内容を置き換えたいですか？ –

問題は、あなたが持っていますaタグの場合はhrefと明示的にリダイレクトされます。ここでajaxとしたい場合は、デフォルトの動作がaであるか、またはhref値を削除して#またはjavascript:void(0)に置き換えてください。この

$('a.getData').on('click',function(e){ 
    e.preventDefault(); //will prevent from redirecting 
    //Also you can use `$.load` instead of `get` 
    $('#bodyContainer').load('/management/Category', function(data){ 
      //Anything to execute after load is complete 
    }); 
});

ケースあなたは自分のfunctionかを使用することができます2

<a href="javascript:void(0);" onclick="viewCategory()">

ため

ケース1

<a href="${pageContext.request.contextPath}/assetCategory" class="getData"> View Category</a>

バインドEvent clickケースに示すように1

function viewCategory(){ 
    //It will be a good option if you use $.load instead of $.get in this scenario 
    $('#bodyContainer').load('/management/Category', function(data){ 
      //Anything to execute after load is complete 
    }); 
}

出典

2016-05-20 04:03:51

2番目のケースが問題を解決したことをありがとうございました。これはhrefの問題でした – user2495765

答えて

関連する問題