Capture and edit response from callback function

Question

I'm using AjaxChimp to use ajax to submit a sign up form to MailChimp.

The issue I have is that I'm using a callback function as in this example here: AJAX Mailchimp signup form integration

but I would like to trap and modify the response text I get back from MailChimp. My code is:

<script type="text/javascript">
        $(function() {
            $('form').ajaxChimp({
                callback: function(response) {
                    $('form .result').text(response.msg);                      
                }
            });
        })
    </script>

Any help in how to do this is very much appreciated. I'm a javascript beginner.

Thanks,

Mark

Does response.msg get added as text to the 'form .result' element? — Dan J Miller, Apr 03 '15 at 16:46

score 3 · Answer 1 · answered Apr 03 '15 at 16:46

<script type="text/javascript">
        $(function() {
            $('form').ajaxChimp({
                callback: function(response) {
                    // u can this change response like
                    response = response + ' foo ' ;
                    $('form .result').text(response.msg);                      
                }
            });
        })
    </script>

score 3 · Accepted Answer · answered Apr 03 '15 at 16:46

You want to modify the response text? Here is an example of concatentation:

<script type="text/javascript">
        $(function() {
            $('form').ajaxChimp({
                callback: function(response) {
                    var modifiedText = "The response was " + response.msg;
                    $('form .result').text(modifiedText);
                }
            });
        })
    </script>

There are many other ways to modify a string. Here are some examples:

http://www.w3schools.com/js/js_string_methods.asp

Capture and edit response from callback function

2 Answers2