Question

我有一个使用Ajax调用PHP脚本的函数，我想添加另一个事件来调用相同的PHP页面，如何添加它而不是重复相同的Ajax调用？

$('.episodeNum').change(function(){
    var formItems = $('form.addMedia').serialize();
    var dataString = formItems;

    $.ajax({
    type: "POST",
    url: "grabMedia.php",
    data: dataString,
    dataType: "json",
    success: function(data) {

我想添加一个click函数来调用相同的脚本：

$('.clickButton').click(function(){
    var formItems = $('form.addMedia').serialize();
    var dataString = formItems;

    $.ajax({
    type: "POST",
    url: "grabMedia.php",
    data: dataString,
    dataType: "json",
    success: function(data) {

我如何将它们结合起来？

感谢您的平常帮助

Answer 1

可以创建代码的函数，并且可以在两个事件上调用它：

function post_data()
{
    var formItems = $('form.addMedia').serialize();
    var dataString = formItems;

    $.ajax({
    type: "POST",
    url: "grabMedia.php",
    data: dataString,
    dataType: "json",
    success: function(data) { }
}

$('.episodeNum').change(function(){
    post_data();
});

$('.clickButton').click(function(){
    post_data();
});

Answer 2

这是否符合您的需求？

var post_data = function()
{
    var formItems = $('form.addMedia').serialize();
    var dataString = formItems;

    $.ajax({
    type: "POST",
    url: "grabMedia.php",
    data: dataString,
    dataType: "json",
    success: function(data) { }
};

$('.episodeNum').change(post_data);

$('.clickButton').click(post_data);

调用脚本Ajax的两个动作

2 个答案: