Call js function only once in javascript

Question

I created js function and now i want that js function to call itself only once, My code is

function view(str){

   $.ajax({
      type: "POST",
      url: '<?php echo base_url()?>index.php/main/'+str+'/',
      success: function(output_string){
         //i want to call function from here only once like view(str);
      }
   });
}

. How can i do that ? Thanks in advance, Currently it is showing me infinte loop.

i am calling that function on anchor tag click like<a onclick="view('myfucntion')" href="#"> — Mahmood Rehman
– Mahmood Rehman, Commented Mar 23, 2013 at 7:59

Arun P Johny · Accepted Answer · 2013-03-23 07:58:45Z

8

Use a flag variable

var myflag = false;
function view(str) {
    $.ajax({
                type : "POST",
                url : '<?php echo base_url()?>index.php/main/' + str + '/',

                success : function(output_string) {
                    if (!myflag) {
                        view(str);
                    }
                    myflag = true;
                }
            });
}

answered Mar 23, 2013 at 7:58

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aiias · Accepted Answer · 2013-03-23 07:58:17Z

1

Try adding a parameter to the function that keeps track of the count:

function view(str, count) {
  if (count > 0) {
    return;
  }

  $.ajax({
    type: "POST",
    url: '<?php echo base_url()?>index.php/main/'+str+'/',

    success: function(output_string) {
      view(count + 1);
      // i want to call function from here only once like view(str);
    }
  });
}

Then you would initially call view like this:

view(str, 0);

answered Mar 23, 2013 at 7:58

Aiias

4,7481 gold badge20 silver badges34 bronze badges

Comments

Ray Cheng · Accepted Answer · 2013-03-23 08:01:38Z

1

you are looking for jquery one. http://api.jquery.com/one/

fiddle http://jsfiddle.net/XKYeg/6/

<a href='#' id='lnk'>test</a>

$('#lnk').one('click', function view(str) {
    $.ajax({
        type: "POST",
        url: '<?php echo base_url()?>index.php/main/' + str + '/',

        success: function (output_string) {
            i want to call

            function from here only once like view(str);
        }
    });
});

answered Mar 23, 2013 at 8:01

Ray Cheng

12.7k16 gold badges80 silver badges140 bronze badges

Comments

Sinister Beard · Accepted Answer · 2013-07-23 13:57:30Z

1

You can pass a bool as a parameter on whether the function should call itself again:

function view(str, shouldCallSelf){

   $.ajax({
      type: "POST",
      url: '<?php echo base_url()?>index.php/main/'+str+'/',
      success: function(output_string){
         if (shouldCallSelf)
             view(output_string, false)
      }
   });
}

You should call it with true the first time. It will then call itself with false the second time, will not execute again.

edited Jul 23, 2013 at 13:57

Sinister Beard

3,68614 gold badges64 silver badges100 bronze badges

answered Mar 23, 2013 at 7:58

Peter Rasmussen

17k8 gold badges50 silver badges64 bronze badges

Collectives™ on Stack Overflow

Call js function only once in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related