Ajaxでページを更新しないビューを更新する

Question

ボタンをクリックしたときに実行される次のコードがあります。

$.ajax({ 
     type: "POST", 
     url: base_url+"/controller/method", 
     data: {val: value}, 
     success: function(data){ 
      data = jQuery.parseJSON(data); 
      if(data.status === true){ 
       show_notify_message("Success",data.msg,'success'); 
      } else { 
        show_notify_message("Error",data.msg,'error'); 
      } 
     } 
    }); 

HTMLコード：変化一度

<button class='btn btn-xs alert-success' onclick='method(1)'><font color='black'>Take</font></button> 

は、ページ全体の更新を行われ、更新された値は、図で見ています。

ページ全体を更新せずに同じ操作を実行するにはどうすればよいですか？

Answer 1

あなたが<button>要素を使用している場合、それはこのような「ボタン」に、型のセット：

<button type="button">Click Me</button> 

デフォルトのタイプは

Answer 2

を「提出」で、何らかの理由では、このよう HTMLコード、それを試してみてください

<button class='btn btn-xs alert-success' data-method='1'><font color='black'>Take</font></button> 

jQueryのスクリプト

$(document).ready(function(){ 
    $("[data-method]").click(function(event){ 
    event.preventDefault(); 
    //value from the button 
    value=$(this).data("method"); 
    // ajax call 
    }); 
});