Ajax function replace messages

Question

I want to replace the default window for messages in ajax with a div, for example I want to replace this code: alert(data.status + ": " + data.message); with a div.

This is my ajax code:

//Start ajax code
                if(!url){
                   url = jQuery('#product_addtocart_form').attr('action');
                }
                url = url.replace("checkout/cart","ajax/index"); 
                var data = jQuery('#product_addtocart_form').serialize();
                data += '&isAjax=1';   
                jQuery('#ajax_loader').show();
                try {
                    jQuery.ajax({
                          url: url,
                          dataType: 'json',
                          type : 'post',
                          data: data,
                          success: function(data){
jQuery('.messages').remove();
                                jQuery('#ajax_loader').hide();
                                //alert(data.status + ": " + data.message);



                                if(jQuery('.header .links')){
                                    jQuery('.header .links').replaceWith(data.toplink);
                                }

if(jQuery('.mini-cart')){
   jQuery('.mini-cart').replaceWith(data.sidebar);
   var status = data.status;

   showMessage(status.toLowerCase(), data.message);
}

// Create below function in your jquery
function showMessage(txt, type) {
  var html = '<div id="messages_product_view"><ul class="messages"><ul class="messages"><li class="'+type+'-msg"><ul><li>' + txt + '</li></ul></li></ul></div>';
  jQuery('.messages').update(html);
}



                          }
                    });
                } catch (e) {
                }
//End ajax code

In this code now I have this error:

TypeError: jQuery(...).update is not a function
jQuery('.messages').update(html);

What is the update function, try to use .html(). jQuery('.messages').html(html); — Mohit Tanwani, Sep 27 '16 at 09:10
What's update supposed to do? This is not a standard jquery method, so why would you expect it to exist? — Liam, Sep 27 '16 at 09:24
Hi, is ok to use html instead update but
is blank I don't have any data — Robert, Sep 27 '16 at 09:24
Possible duplicate of [How to replace innerHTML of a div using jQuery?](http://stackoverflow.com/questions/1309452/how-to-replace-innerhtml-of-a-div-using-jquery) — Liam, Sep 27 '16 at 09:25
Is not a duplicate, please read again my post, is not have any related thing — Robert, Sep 27 '16 at 09:26

score 1 · Accepted Answer · answered Sep 27 '16 at 09:11

1

to set text/html to an element you can use like this...

var html = '<div id="messages_product_view"><ul class="messages"><ul class="messages"><li class="'+type+'-msg"><ul><li>' + txt + '</li></ul></li></ul></div>';
jQuery('.messages').html(html);

use .html() function instead of .update()

answered Sep 27 '16 at 09:11

Skalbhile

156
13

is okay but the
is blank, I don't have any data – Robert Sep 27 '16 at 09:12
Try to console and see if the showMessage function is calling or not and sending data properly before append. – Mohit Tanwani Sep 27 '16 at 09:14
i am begginer how I can do this? – Robert Sep 27 '16 at 09:14
you can set any html/text, in your case please check value of 'txt' variable which you are passing it to showMessage function.. – Skalbhile Sep 27 '16 at 09:14
so if I use this alert(data.status + ": " + data.message); everything is okay, what I can do? – Robert Sep 27 '16 at 09:19
do you have ".message" div or any other container already in ur html already. – Skalbhile Sep 27 '16 at 09:42

score 1 · Answer 2 · edited Sep 27 '16 at 11:44

1

try

$('#messages_product_view').append(html);

edited Sep 27 '16 at 11:44

beerwin

9,813
6
42
57

answered Sep 27 '16 at 09:21

FishMan

127
2
11

the same, this div is blank
– Robert Sep 27 '16 at 09:22
$('#messages_product_view').append(html); – FishMan Sep 27 '16 at 10:16

Ajax function replace messages

2 Answers2