ajax_success,JQuery ajaxSuccess()用法及代码示例

jQuery中的ajaxSuccess()方法用于指定AJAX请求成功完成时要运行的功能。

用法:

$(document).ajaxSuccess(function(event, xhr, options))

参数：：此方法接受强制性的单参数功能。此函数接受上述和以下所述的三个参数：

event:它保存事件对象。

xhr:它包含XMLHttpRequest对象。

options:它在AJAX请求中保留使用的选项。

demo.txt文件存储在服务器上，单击更改内容按钮后将加载。

demo.txt

This is GFG.

示例1:本示例通过从服务器获取数据来更改元素的内容。当AJAX请求成功完成时，页面会显示AJAX请求成功完成。

$(document).ready(function(){

$(document).ajaxSuccess(function(){

alert("AJAX request successfully completed.");

});

$("button").click(function(){

$("#paragraph").load("demo.txt");

});

});

GeeksforGeeks

A computer science portal for geeks

Change Content

输出：

在单击按钮之前：

单击按钮后：

示例2:本示例通过从服务器获取数据来更改元素的内容。当AJAX请求成功完成时，页面会显示AJAX请求成功完成。

$(document).ready(function() {

$(document).ajaxSuccess(function() {

alert("AJAX request successfully completed.");

});

$("button").click(function() {

$("#heading").load("demo.txt");

});

});

GeeksforGeeks

A computer science portal for geeks

Change Content

输出：

在点击按钮之前

点击按钮后

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！