1.在HTML中创建一个按钮,并为其添加一个ID:
2.使用jQuery编写代码,调用Ajax并更改按钮中的文本:
$("#ajaxButton").on('click', function(){ // 在Ajax完成后更改按钮中的文本 $(this).html('处理中...');
// 发起Ajax调用并更新按钮文本
$.ajax({
url: 'your/ajax/url',
success: function(data){
$("#ajaxButton").html(data);
}
});
});
这里我们为按钮添加了一个点击事件,并使用jQuery的$ ajax函数发起Ajax调用。 在成功调用后,我们简单地用返回的数据更新了按钮的HTML。
我们还可以考虑在Ajax调用之前添加一个加载动画,以便更好地提示用户有些事情正在发生。
下一篇:AJAX调用后函数无法工作?