تحديث جزء من المحتوى فقط

الطريقة المعتادة هي بإستخدام الجافا سكربت أو مكتبة الجي كيوري - الأمثلة بها - ، إن كان المحتوى غير ديناميكي يتم فقط تحديد الوسم عبر الـ 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
    }});
});

أتمنى أن تكون قد وضحت الفكرة .

المصدر :

استخدم jquery

$("#divID").html("new content");