javascript - 在 Ajax 中更新 View 而不刷新页面

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>

一旦进行更改，整个页面就会刷新，并且更新后的值将显示在 View 中。

如何在不刷新整个页面的情况下执行相同的操作？

Answer 1

按这个方法试试 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
   });
});