Question

许多网站都在使用大量的Ajax功能，因此我们反复使用Ajax功能。有没有办法让我们可以在某个地方创建一个示例Ajax函数并在我们需要的地方调用它...所以我们的时间和代码行将会减少。

提前致谢

Answer 1

这里我使用两个函数一个用于声明变量而另一个用于ajax调用

这是在用户管理系统中通过ajax对php文件进行页面调用的简单示例

因为每次用户点击我需要更改页面计数我正在声明它们并传递给ajaxcall函数

但是对于其他几个事件，页面计数不需要更改，所以我使用另一个名为waytoajax的函数，这使我不会重复我的代码......

$('body').on('keyup','#se_name',function(){             wayToAjax();    });
$('body').on('keyup','#se_mail',function(){             wayToAjax();    });
$('body').on('keyup','#se_phone',function(){            wayToAjax();    });
$('body').on('change','#se_degree',function(){          wayToAjax();    });
$('body').on('change','#se_occupation',function(){      wayToAjax();    });
$('body').on('change','#se_gender',function(){          wayToAjax();    });
$('body').on('keyup','#se_address',function(){          wayToAjax();    });


$('body').on('click','#page5',function(){  // a click event sineario where i must increment the page count

    if($('#page5').val()!="."){
        var page    =   +$('#page4').val()+ +1;
        var display =   $("#displayCount").val();
        ajaxCall(page,display);
    }

});

function wayToAjax(){  //A FUNCTION TO DECLARE VARIABLES 
    var page    =   $('#page4').val()
    var display =   $("#displayCount").val();
    ajaxCall(page,display);

}

function ajaxCall(page,display)
    {
        var name        =   $('#se_name').val();
        var mail        =   $('#se_mail').val();

        var form_data   =   new FormData();                  

        form_data.append('page',page);
        form_data.append('display',display);
        form_data.append('name',name);
        form_data.append('mail',mail);


            // var ajaxUrl = 'userListAjax.php'; // DECLARE HERE OR PASS IT


        $.ajax({

                url         :   'userListAjax.php?',
                dataType    :   'text',
                cache       :   false,
                contentType :   false,
                processData :   false,
                data        :   form_data,                       
                type        :   'post',
                success     :   function(data){
                            //alert(data);
                             document.getElementById("dynamicContent").innerHTML=data;

            }
        });

    }

如何使ajax的功能重复使用？

1 个答案: