jQuery ajax calling javascript function

Question

I am using jQuery and Ajax.

My MainFile has the following code:

<html>
    <head>
        <script src="Myscript.js">
        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $.ajax({
                    type: 'POST',
                    url: 'ajax.php',
                    success: function(data){
                        $("#response").html(data);
                    }
                });
            });
        </script>

    <body>
        <div id="response">
        </div>
    </body>
</html>

My ajax.php get the sample data

...
MyScript.js has the following

function display (text,corner)
{

}
..

I have Myscript.js. In this, I have a function called display(text,corner). I have to call this function after executing ajax.php.

How do I do it in jQuery for the above code?

Is it possible to decide the order of execution after ajax.php and make call for display(text,corner)?

Andreas Grech · Accepted Answer · 2008-12-25 09:13:52Z

1

You should invoke the display function in the callback function of the Ajax Request, like such:

$.ajax({
    type:'POST',
    url: 'ajax.php',
    success: function(data){
        display(data, /* your other parameter, corner */); //Invoking your data function
    } 
});

In the above case, data is the response that is received from ajax.php

answered Dec 25, 2008 at 9:13

Andreas Grech

108k102 gold badges303 silver badges362 bronze badges

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

Collectives™ on Stack Overflow

jQuery ajax calling javascript function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related