How do I combine two JQuery functions

Question

Could someone please give me a hand and tell me what is wrong with this script? The answer that was posted did not work. What I get when I use that code is the entire html page being submitted. This is what I can see from the console. Can someone please help me out? Thanks.

$(function() {
    $('#add_customer_form').submit(function() {
        var data = $(this).serialize();
        var url = $(this).attr('action');
        var method = $(this).attr('method');
        $.ajax({
            url: url,
            type: method,
            data: data,
            dataType: 'json',
            success: function(data) {
                var $div = $('<div>').attr('id', 'message').html(data.message);
                if(data.success == 0) {
                    $div.addClass('error');
                } else {
                    // START CHANGE
                    // you need to get `datastring` from somewhere
                    $.ajax({
                       type: "POST",
                       url: "body.php?action=admCustomer",
                       data: dataString,
                       success: function(){
                           $('#contact input[type=text]').val('');
                           $div.addClass('success');
                       }
                    });
                    // END CHANGE
                }
                $('body').append($div);
            }
        });
        return false;
    });
});

Are you trying to send the information? The add_customer_form data is already being sent. You are trying to send it twice.... — Paolo Bergantino
– Paolo Bergantino, Commented May 23, 2009 at 0:33

Nicolas R · Accepted Answer · 2009-05-25 10:24:42Z

1

Perhaps changing

var $div = $('<div>').attr('id', 'message').html(data.message);

to

var $div = $('<div/>').attr('id', 'message').html(data.message);

would do the trick?

answered May 25, 2009 at 10:24

Nicolas R

1,0212 gold badges9 silver badges17 bronze badges

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

1 Comment

user109162 Over a year ago

Hi snz3.. Actually, I reposted the problem and Paolo helped me to get it working. Thanks for the reply!

Piskvor left the building · Accepted Answer · 2009-05-22 04:54:33Z

0

$(function() {
    $('#add_customer_form').submit(function() {
        var data = $(this).serialize();
        var url = $(this).attr('action');
        var method = $(this).attr('method');
        $.ajax({
            url: url,
            type: method,
            data: data,
            dataType: 'json',
            success: function(data) {
                var $div = $('<div>').attr('id', 'message').html(data.message);
                if(data.success == 0) {
                    $div.addClass('error');
                } else {
                    // START CHANGE
                    // you need to get `datastring` from somewhere
                    $.ajax({
                       type: "POST",
                       url: "body.php?action=admCustomer",
                       data: dataString,
                       success: function(){
                           $('#contact input[type=text]').val('');
                           $div.addClass('success');
                       }
                    });
                    // END CHANGE
                }
                $('body').append($div);
            }
        });
        return false;
    });
});

answered May 22, 2009 at 4:54

Piskvor left the building

93.1k46 gold badges182 silver badges226 bronze badges

2 Comments

user109162 Over a year ago

Hi Piskvor. Thanks for the help! Where you have your comment: "// you need to get datastring from somewhere" My datastring is actually above the starting $(function(). Is this ok or does the datastring var need to be inside the else block where your comment is? Thanks for helping me.

Piskvor left the building Over a year ago

Hmm, in that case it's most probably in the global scope and should be available inside your function.

Collectives™ on Stack Overflow

How do I combine two JQuery functions

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related