調用腳本Ajax的兩個操作

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);