Call a javascript function after ajax success

Question

I am using the below test code to call a javascript function from ajax method after the success block and pass the success value to a javascript funtion.It's working fine. Now i want to get javascript return message from ajax call. It always return null.

    $.ajax({
      url:"getvalue.php",  
      success:function(data) {
         var retval= change_format(data); 
         alert(retvl);//always return null
         I can't get the result
      }
   });


function change_format(data)
{
 do something.....
 value = "Some Data"; having some data
 return value;
}

It sounds like the problem is with change_format(), not testAjax(). We can't help you if you don't show what it does. — Barmar
– Barmar, Commented Sep 19, 2013 at 0:46
I find it nothing wrong.. how will ajax work if testAjax() is not called. Can you put more details? — Drixson Oseña
– Drixson Oseña, Commented Sep 19, 2013 at 0:57
var retval= change_format(data); vs alert(retvl); different variables name retvaland retvl. — Ponleu
– Ponleu, Commented Mar 17, 2019 at 13:52

Ryan · Accepted Answer · 2013-09-19 00:47:04Z

-1

Add a callback to your testAjax function

 function testAjax() {
    $.ajax({
      url:"getvalue.php",  
      success:function(data) {
         var retval= change_format(data); 
         alert(retvl);//always return null
         arguments[0](retvl);
        // I can't get the result
      }
    });
}




function change_format(a) {
    // do everything here
}

testAjax(change_format);

answered Sep 19, 2013 at 0:47

Ryan

14.7k9 gold badges68 silver badges104 bronze badges

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

2 Comments

user2176150 Over a year ago

where i add the callback

Ryan Over a year ago

add the callback function without () as an argument to your calling function

DUG · Accepted Answer · 2019-07-15 19:46:18Z

-3

The $.ajax sucks. Why not just use the load(). Simple but very powerful. Deploy the algorithm in the code below:

    <div id="stage">RESULT SHOWS HERE</div>
<button id="clickMe">Click Me</button>
<script>
$(document).ready(function() {
$("#clickMe").click(function() {
$("#stage").load("URL?PARAMETERS");
});
});
</script>

answered Jul 15, 2019 at 19:46

DUG

3291 gold badge3 silver badges7 bronze badges

3 Comments

Tyler Roper Over a year ago

.load() and .ajax() have completely different purposes. Your example assumes that the response should be rendered on the page exactly as its received, whereas OP's example shows that he's trying to use the result in a separate function. And why does $.ajax "suck"? Consider providing some sort of basis for your claim, otherwise it means nothing.

Tyler Roper Over a year ago

Not to mention you're answering a question from 2013. Now I don't think that's inherently bad, sometimes new information presents itself and it's good to keep older questions up-to-date. However, for the reasons I mentioned above, I don't believe that's the case here.

JJJ Over a year ago

.load() is just a shorthand for .ajax with the appropriate options.

Collectives™ on Stack Overflow

Call a javascript function after ajax success

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related