Comment créer des div dynamicment dans JQuery?

Mon exigence est que je dois remplacer $ with JQuery et créer dynamicment les

.

J’ai besoin d’afficher les données à l’aide de Jquery .

S’il vous plaît expliquez-moi le stream de contrôle pour cet exemple:

    This is the AjaxApp portlet in View mode.      
$("#getData").click(function() { var nameVal = jQuery("#pid").val(); alert('hi'+nameVal); jQuery.ajax({ url :'', data: {pid:nameVal}, type: "POST", dataType: "json", success: function(data) { $("#a").html(data); document.getElementById("a1").innerHTML="PID :"+data["pid"]; document.getElementById("a2").innerHTML="Pname: "+data["pname"]; document.getElementById("a3").innerHTML="Ptype: "+data["ptype"]; } }); });

Je suis nouveau à liferay et ajax . Besoin d’aide pour résoudre ce problème?

J’ai lu les commentaires, tu veux ça?

 jQuery('#a1').html("PID :"+data["pid"]); jQuery('#a2').html("Pname:"+data["pname"]); jQuery('#a3').html("Ptype:"+data["ptype"]); 

Si vous souhaitez l’afficher de manière dynamic, vous devez spécifier un conteneur tel que body ou un autre div et supprimer votre code HTML de div.

 var div = jQuery('
').html("PID :"+data["pid"]); var div2 = jQuery('
').html("Pname:"+data["pname"]); var div3 = jQuery('
').html("Ptype:"+data["ptype"]); jQuery('body').append([div, div2, div3]);