ajax发送请求

　　　　　//创建请求对象 
　　　　　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");
          }
        var url = '***';
        xmlhttp.open("GET",url,true);//最后一个参数表示使用异步请求
        xmlhttp.send();

 

此时 已可发送get请求 post请求类似。

ajax异步请求需要设置回掉方法：

xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)//redystate=4表示请求结束 status==200表示正常结束？？
            {

                  var json = xmlhttp.responseText;//只要返回的数据不是xml格式，获取responseText即可。
                  json = eval('(' + json + ')');//js自带的 格式化json 记得括号‘（’ ‘）’不可缺少。
                  var status = json.status;//直接获取jsonobject的key为status的内容

if(status == 1000){
                    var array = json.data;//key为data的数据 实际上是jsonarray
  　　　　　　　　　　　//以下内容参考价值不大
                    var innertHtml = "";
                    for(var j = 0;j < array.length; j ++){
                        var data = array[j];
                        var direction = data.direction;
                        var html = '';
                        if(direction == 1){
                            //../img/demo/av2.jpg
                            var avatar = data.avatar;
                            if(avatar == ""){
                                avatar = "admin/img/demo/av3.jpg";
                            }
                            html = "<p id=\"msg-2\" class=\"user-cartoon-man\" style=\"display: block;\"><img src=\""+avatar+"\" alt=\"\"><span class=\"msg-block\"><strong>"+data.nick+"</strong> <span class=\"time\">- 10:32</span><span class=\"msg\">"+data.content+"</span></span></p>";
                        }else{
                            html = "<p class=\"offline\" id=\"msg-3\" style=\"display: block;\"><span>"+data.content+"</span></p>";
                        }
                        innertHtml += html;
                    }
                    $('#chat-messages-inner').html(innertHtml);
                }
            }
          };