الطريقة المعتادة هي بإستخدام الجافا سكربت أو مكتبة الجي كيوري - الأمثلة بها - ، إن كان المحتوى غير ديناميكي يتم فقط تحديد الوسم عبر الـ id مثلاً ووضع المحتوى المكتوب مسبقاً في الكود مثلاً ، كود بسيط :
$("#divid").text("text"); // إن كان المُخرج سيظهر فقط كنص
$("#divid").html("text"); // إن كان المُخرج سيظهر مع تأثير أكواد html
أما إن كان المحتوى ديناميكي ، فتغيير يتم عبر إستخدام تقنية الأجاكس في جافا سكربت أو عبر مكتبة الجي كيوري ، كود بسيط :
$("button").click(function(){
var id = $("#divid").attr("data-id");
$.ajax({url:"demo_test.php?id="+id,success:function(result){
$("#divid").text(result); // إن كان المُخرج سيظهر فقط كنص
$("#divid").html(result); // إن كان المُخرج سيظهر مع تأثير أكواد html
}});
});