php - 如何在ajax调用后使用javascript刷新页面的Div部分

Question

我正在使用 Ajax 提交表单并将数据存储在数据库中。它将数据存储在数据库中，并且无需重新加载页面，它就会发出警报框，显示该内容已添加。同一页面显示数据库的内容，我需要该部分自动刷新而不重新加载页面，以便它也可以获取刚刚添加的信息。

<script type="text/javascript">
function GetXmlHttpObject()
{
    if(window.XMLHttpRequest)
    {
        return new XMLHttpRequest();

    }
    if(window.ActiveXobject)
    {
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;

}
function submitformwithajax()
{
    var myAjaxPostrequest=new GetXmlHttpObject();

    var coursename=document.getElementsByName('cvalue')[0].value;

    var parameter="cvalue="+coursename;

    myAjaxPostrequest.open("POST", "process/do_course.php", true);
    myAjaxPostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    myAjaxPostrequest.send(parameter);
    myAjaxPostrequest.onreadystatechange=function(){
        if(myAjaxPostrequest.readyState==4){
            if(myAjaxPostrequest.status==200){



                if(myAjaxPostrequest.responseText=="true")
                {
                alert("Course Has Been Successfully Added To The Curiculum !");
                 var container = document.getElementById('c');
                var refreshContent = container.innerHTML;
                container.innerHTML = refreshContent;
                }

            }
            else
            document.getElementById("submitcourse").innerHTML="An error has occured making the request";

        }
    }
}
</script>

“c”是需要重新加载的 div 标签的 ID。

谢谢

Answer 1

这看起来有点废话:

var refreshContent = container.innerHTML;
container.innerHTML = refreshContent;

这样你就不会刷新，内容是完全相同的。

我不知道“数据库内容”到底是什么意思，假设类(class)名称是您想要添加到 DIV 中的内容，那么您必须执行以下操作:

container.innerHTML += '<p>'+ coursename +'</p>';