How to pass data to the table in ajax?

Hi Team

I have search tab, works fine but now i want to figure out once that data gets retrieved from the active directory. It must displayed to the table body(DisplayName, EmailAddress, Department columns here).

// ajax call


                        
                            
                                
                                    
                                        Select People and Groups
                                        
                                    
                                    
                                        
                                            
                                                
                                                    
                                                    
                                                        
                                                            
                                                            
                                                                
                                                            
                                                        

                                                    
                                                    
                                                        
                                                    
                                                
                                                
                                                    
                                                    
                                                        Details
                                                    
                                                    
                                                        
                                                        
                                                            
                                                                
                                                                    Display Name
                                                                    E-mail Address
                                                                    Title
                                                                    Department
                                                                    Presence
                                                                    Work Phone
                                                                    Location

To pass data to a table using AJAX (Asynchronous JavaScript and XML), you typically fetch the data from a server-side endpoint (e.g., an API) and then dynamically populate the table with the retrieved data. Here's a basic example of how you can achieve this using jQuery and AJAX:

HTML:






Table Data with AJAX





  
    
      ID
      Name
      Email

In this example:

Replace 'your-api-endpoint-url' with the URL of your server-side endpoint that returns the data in JSON format.
The AJAX request is made using $.ajax() function from jQuery. It's a GET request expecting JSON data.
Upon successful retrieval of data, the success callback function populates the table dynamically by iterating over the data array and appending rows to the table body ().
If an error occurs during the AJAX request, the error callback function logs the error to the console.

Ensure that your server-side endpoint returns the data in the expected JSON format. Adjust the table structure and data population logic according to your specific requirements and the structure of your data.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty2y ago

Accepted answer

Add the id="userTable" attribute to your

tag.

Display Name	E-mail Address	Title	Department	Presence	Work Phone	Location

Mithilesh Tata2y ago
To pass data to a table using AJAX (Asynchronous JavaScript and XML), you typically fetch the data from a server-side endpoint (e.g., an API) and then dynamically populate the table with the retrieved data. Here's a basic example of how you can achieve this using jQuery and AJAX:

HTML:
```
Table Data with AJAX





  
    
      ID
      Name
      Email
    
  
  
    
  
```
In this example:
- Replace 'your-api-endpoint-url' with the URL of your server-side endpoint that returns the data in JSON format.
- The AJAX request is made using $.ajax() function from jQuery. It's a GET request expecting JSON data.
- Upon successful retrieval of data, the success callback function populates the table dynamically by iterating over the data array and appending rows to the table body ().
- If an error occurs during the AJAX request, the error callback function logs the error to the console.
Ensure that your server-side endpoint returns the data in the expected JSON format. Adjust the table structure and data population logic according to your specific requirements and the structure of your data.