Saltar al contenido

mostrar datos json en la tabla html usando el ejemplo de código jquery ajax

Ya no busques más por todo internet ya que has llegado al sitio exacto, contamos con la respuesta que deseas sin problemas.

Ejemplo 1: cómo dibujar tabla de json ajax

let xhr =newXMLHttpRequest;
xhr.open('GET','your-url',true);
xhr.onload=function()if(this.status===200)let data =JSON.parse(this.responseText).Table,
    		tbodyHtml ='';
    
    data.map(function(d)
    	tbodyHtml =+`
      	
        	$d.ParentCategoryId
        	$d.ParentCategoryName
        	$d.IsActive
        
      `;);document.querySelector('#dataTable tbody').innerHTML= tbodyHtml;
xhr.send();

Ejemplo 2: como dibujar tabla de json ajax

<!DOCTYPEHTML><html><head><meta charset="utf-8"><title>WCFClient</title><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script></head><body><table id="location" border='1'><tr><th>Countries</th><th>Cities</th></tr></table><script>var service ='http://localhost/DistributedDataSystem/Service.svc/';$(document).ready(function()

    jQuery.support.cors=true;

    $.ajax(
        type:"GET",
        url: service +'/GetAllCountries/',
        data:"",
        contentType:"application/json; charset=utf-8",
        dataType:"json",
        cache:false,success:function(data)var trHTML ='';

        $.each(data.Countries,function(i, item)

            trHTML +=''+ data.Countries[i]+''+ data.Cities[i]+'';);$('#location').append(trHTML);,error:function(msg)alert(msg.responseText););)</script></body></html>

Puntuaciones y comentarios

Si te gusta la programación, tienes la libertad de dejar una división acerca de qué te ha gustado de este ensayo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *