使用ajax刷新远程页面，以便在不刷新主页的情况下更新变量

Question

我正在尝试复制此网站结帐功能http://eaglewools.globalbizcloud.com/our-products/ 我已经有功能工作，但现在最重要的是，为了更新变量我必须刷新页面，因此每当用户点击“添加到购物车”时我做了一个window.location.reload功能，但我希望它像原始网站上那样，不重新加载页面。我的猜测是我需要使用ajax刷新远程页面，但没有运气。

function refreshData(str)
    {
        var str = "asd";
        if (str=="")
          {
          window.location.reload()//document.getElementById("displayarea").innerHTML="";
          return;
          } 
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {

            //popUpbox();
            //window.location.reload()

            //alert("<?php echo Process::items_in_cart(); ?>");//document.getElementById("displayarea").innerHTML=xmlhttp.responseText;
            }
          }
        xmlhttp.open("POST","<?php echo $base_url;?>process.php",true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //xmlhttp.send("product_id=" + str);
    }