jquery custom events return value

Question

I am trying to learn more about jquery custom events so I have made this simple code to make tests:

<!DOCTYPE html>
<html>
    <head>
        <title>Jquery custom events</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
            $(function(){
                $('#link1').click(function(){
                    var that = $(this);
                    $.ajax({
                        url: "http://localhost/jquery/index.html",

                        beforeSend: function(event){ // if returned false, stops ajax request
                           return that.trigger('ajax:beforesend',[{p1: '1'},{p2: '2'}]);

                        },
                        success: function(){
                            that.trigger('ajax:success');
                        },
                        error: function(){
                        }
                    });

                    return false;
                });

                $('#link1').bind('ajax:beforesend',function(e,data,data2){
                    alert("success"+data2.p2);
                    return false;
                });

                $('#link1').bind('ajax:success',function(e){
                    alert("success");

                });
            });
        </script>
    </head>

    <body>
        <a id="link1">link1</a>

        <div id="box" style="width:500px;height:150px;background-color: gray;margin-top: 50px;">
            result
        </div>
    </body>

</html>

My question is: in the beforesend function i want to abort the ajax request if the result of the triggered custom event is false but is not working, What i am missing?

EDIT: Please dont be focus on beforesend function. What i really want is how to return the custom event result (example true or false) to where the event was called (in this case before send function). As I said this is just boilerplate code. Not a real world project.

why just don't check the result of the custom event first & then if it's true, start ajax request.. — sha256, May 05 '12 at 15:28

score 0 · Answer 1 · answered May 05 '12 at 15:34

beforeSend is an Ajax Event. Returning false in the beforeSend function will cancel the request. As of jQuery 1.5, the beforeSend option will be called regardless of the type of request.

Please check the beforesend ajax event handler here and try http://api.jquery.com/jQuery.ajax/

Most probably your problem lies within the beforesend function.

jquery custom events return value

1 Answers1

Linked