javascript - Run a function on document.ready and onClick - Stack Overflow

admin管理员组

文章数量:1345582

Is there a way to make this ajax-response run on document.ready, AND onClik without copy/paste the code in another function?

$(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);
        }

I want this to run onClick $('#id').click(function()); and the way its working now, without copy/paste?

Is there a way to make this ajax-response run on document.ready, AND onClik without copy/paste the code in another function?

$(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);
        }

I want this to run onClick $('#id').click(function()); and the way its working now, without copy/paste?

• javascript
• jquery
• ajax
• function
• document-ready

Share Improve this question Follow asked May 26, 2013 at 19:00 Mr.TurtleMr.Turtle 3,09066 gold badges3030 silver badges5050 bronze badges 3

• What's wrong with using another named function, and calling it both in .click and in .ready? That's the only sane approach – Benjamin Gruenbaum Commented May 26, 2013 at 19:02
• There's always $(document).on('ready click', ajax); but there are issues with .on('ready') – adeneo Commented May 26, 2013 at 19:06
• Make sure to see the differences between the answers: var ads = $('#ads').val(); is ran only once in the example LightStyle gave, I made sure it will accure every time the ajax funciton is called. – Adam Tal Commented May 26, 2013 at 19:20

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Just make sure you can reuse the javascript function you've created:

$(document).ready(function() {
    // Will occur at document load
    ajax();
    // Will occur 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);
        });
}

Just call it inside document ready and bind it to document.click.

$(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();
    });
}

本文标签： javascriptRun a function on documentready and onClickStack Overflow