How to get AJAX data in jQuery?

Question

I have a partial view where I want to reload certain

tag based on successful response. I am using .filter to get specific tag but it is not working. Based on other stack-overflow articles and google, this should work but not in my case.

My objective is, out of AJAX response, extract specific div tag and reload the view.

AJAX:

$.ajax(
 { 
    url: '/MyUrl', 
    success: function(response) 
            { 
                updateOrderStatusContent(response);
            } 
});


this.updateOrderStatusContent = function (markup) {

     alert("markup " + markup); // This returns HTML.
     var $response = $(markup); // Creating jQuery object from HTML response.

     // Option-1 = Get text
     var getSpecificText = $response.filter('#delivery-status-update').text();
     alert(getSpecificText);     // This is empty.

     // Option-2 = Get HTML
     var getSpecificHtml = $response.filter('#delivery-status-update').html(); // to get HTML 
     alert(getSpecificHtml);     // This is empty.

     // Option-3 = Here I tried output the content of #delivery-status-update in new  which is also not working.
     $('#delivery-status-updated').html(jQuery(markup).find('#delivery-status-update').html()); 

};

markup output:





    
    
    
    
    

    
    
    

    

    
    
    
    
    
    
    



     Skip to content
        
             
            
            
            
            
            
                Zaxby's
                
                  
                Zaxby's
                ACWORTH_00198
                
                    3511 BAKER RD
                    ACWORTH
                    GA
                    30101
                    US
                
 View Map 
                 678-574-0400
                
            
        
    
    
        
            
                
                    Delivery Status
                    
                        Order Confirmation : 97140987
                    
                        Received
                        Kitchen
                        In Transit
                        Delivered
                    
                
            
        
    
    
        
             © Copyright 2018 Tillster, Inc. All rights reserved.
             v 1.0.0.21003

What am I missing here? Do I need to create another partial view to achieve what I want?

Daniel Manta · Accepted Answer

Basically you need to use .find() instead of .filter().

var markup = '  
Delivery Status
Order Confirmation : 123
Received
Kitchen
In Transit
Delivered
';

var $response = $(markup); // Creating jQuery object from HTML response.
var $delivery = $response.find('#delivery-status-update');
var getSpecificText = $delivery.text(); // to get text
var getSpecificHtml = $delivery.html(); // to get HTML 

console.log(getSpecificText);
console.log(getSpecificHtml);

How to get AJAX data in jQuery?

Answers (1)

Related Questions