Javascript 在document.ready上运行函数并单击

有没有一种方法可以使这个ajax响应在document.ready和onClik上运行，而无需在另一个函数中复制/粘贴代码

$(document).ready(function() {
var ads = $('#ads').val();
function ajax(){
    $.ajax({
        url: "./services/finn_bilder.php",
        type:"POST",
        data:{ads: ads},
        success:function(data){
            $('#AdsDiv').html(data);
        }

---

我想让它运行onClick$（'#id'）；现在它的工作方式是，不需要复制/粘贴？

只需在document ready内部调用它并将其绑定到document。单击

$(document).ready(function() {
    var ads = $('#ads').val();
    function ajax(){
        $.ajax({
            url: "./services/finn_bilder.php",
            type:"POST",
            data:{ads: ads},
            success:function(data){
                $('#AdsDiv').html(data);
            }
        });
    }
    ajax();
    $(document).click(function() {
        ajax();
    });
}

---

只需在document ready中调用它并将其绑定到document。单击

$(document).ready(function() {
    var ads = $('#ads').val();
    function ajax(){
        $.ajax({
            url: "./services/finn_bilder.php",
            type:"POST",
            data:{ads: ads},
            success:function(data){
                $('#AdsDiv').html(data);
            }
        });
    }
    ajax();
    $(document).click(function() {
        ajax();
    });
}

---

只需确保您可以重用已创建的javascript函数：

$(document).ready(function() {
    // Will accure at document load
    ajax();
    // Will accure at every click
    $(document).click(function() { ajax(); });
}

function ajax(){
    var ads = $('#ads').val();
    $.ajax({
        url: "./services/finn_bilder.php",
        type:"POST",
        data:{ads: ads},
        success:function(data){
            $('#AdsDiv').html(data);
        });
}

---

只需确保您可以重用已创建的javascript函数：

$(document).ready(function() {
    // Will accure at document load
    ajax();
    // Will accure at every click
    $(document).click(function() { ajax(); });
}

function ajax(){
    var ads = $('#ads').val();
    $.ajax({
        url: "./services/finn_bilder.php",
        type:"POST",
        data:{ads: ads},
        success:function(data){
            $('#AdsDiv').html(data);
        });
}

---

使用另一个命名函数并在

中调用它有什么问题？单击
并在
中调用它。准备好了吗？这是唯一明智的方法，总是有
$（document）
但是，
在（'ready'）
上存在问题。请确保看到答案之间的差异：var ads=$（'#ads'）.val（）；在LightStyle给出的示例中只运行一次，我确保每次调用ajax函数时它都会正确运行。使用另一个命名函数并在
中调用它有什么不对。单击
并在
中调用它。准备好了吗？这是唯一明智的方法，总是有
$（document）
但是，
在（'ready'）
上存在问题。请确保看到答案之间的差异：var ads=$（'#ads'）.val（）；在LightStyle给出的示例中只运行了一次，我确保每次调用ajax函数时它都会被调用。
$（document）。单击（function（）{ajax（）；}）
可能会缩短为
$（文档）确实如此。只要“ajax”函数不接受任何参数。在任何条件下运行，其返回值将被忽略（与上面的示例非常类似）。
$（文档）。单击（function（）{ajax（）；}）
可能会缩短为
$（文档）确实如此。只要“ajax”函数不接受任何参数。在任何条件下运行，其返回值将被忽略（与上面的示例非常相似）。