ajax 异步

电子商务网站-购物车模块ajax

购物车模块是电子商务网站最重要的一块，也可以说是核心，，但在这里的体验也非常重要基本需要ajax啦进行异步刷新，来将购物车里的数据刷新。

首先建议使用div 应为table的tr和td没有ajax所需要的功能  亲自尝试了下 这个需要div来实现而tr和td 则需要页面的局部刷新才能使内容显示出来，，虽然效果实现了添加等功能。但还是需要打开新的购物车页面才能看到，，则需要用div来进行显示。

      

 function creatajax()//创建ajax用来判断什么浏览器用什么组件，，ie6以下用的是控件
    {
      var xmlhttp;
         if (window.XMLHttpRequest)
             {// code for IE7+, Firefox, Chrome, Opera, Safari
                   xmlhttp=new XMLHttpRequest();
             }
         else
             {// code for IE6, IE5
               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
             }

}

 function ajaxconn(divnum,pid)//两个参数div名字，，和参数名字
   {
           creatajax();//第一个方法
  
          if (xmlhttp!=null)//空的结果就是没反应！
         {
             xmlhttp.onreadystatechange=ajaxreal(divnum);  //onreadystatechange状态事件保证触发后面的方法！
             xmlhttp.open("GET","url?pid=",true);//这个get方式传参，，url就是你需要传递的页面servlet jsp等，pid参数名  ，true没有这个true 就不异步刷新了。
             xmlhttp.send(null);//get就是用这个null    post就先不说了吧需要加句话

          }

   }

      function ajaxreal(divnum)  //onreadystatechange状态事件触发时执行的方法
     {
          if (xmlhttp.readyState==4)//4为就绪态，，小于4都是没准备好。。这项可以扩展，，
            {
             if (xmlhttp.status==200)//200为返回成功了，，开始执行
                {

                 document.getElementByIdx_x(""+divnum+"").innerHTML=xmlhttp.responseText;//将所需要替换内容的div，，替换成你想要的内容。

                 //xmlhttp.responseText,,是你返回的内容，
                }
             else
               {

              // 错误提示
                  alert("这有问题了:" + xmlhttp.statusText);
               }
            }
     }