Ajax学习记录

    <script type="text/javascript">
        function btnClick() {
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建xmlhttp对象，这里相当于WebClient
            if(!xmlhttp) {
                alert("创建XML异常");
                return false;
            }
            xmlhttp.open("POST", "/Default/Index" + new Date(), false); //准备向服务器Default发送请求
            //XMLHTTP默认不是同步请求，也就是open方法并不像WebClient的DownLoadString那样，把服务器的数据拿到才返回，是异步的，因此需要监听
           //onreadystatechange事件
            xmlhttp.onreadystatechange=function() {
                if (xmlhttp.readyState==4) {
                    if (xmlhttp.status==200) { //状态码200表示成功
                        alert(xmlhttp.responseText);
                        document.getElementById("Text1").value = xmlhttp.responseText;
                    } else {
                        alert("ajax服务器返回错误");
                    }
                }
            }
            xmlhttp.send();//开始发送请求
        }
    </script>

    function btnClick2() {
               var eeee = $("").val();
               var ddd = $("").val();
               $.post("GetDate.cs", { "djdhj": eeee, "": ddd }, function(data, textStates) { //post无缓存,第二个为往服务器那边传递的参数，利用的是键值对的形式
                   alert(data);
                   alert(textStates);
               });
           $.get(); //get这里可能有缓存
           $.ajax(); //post,get内部实现是调用ajax方法
           }

    //这里可以得到js提交到的数据
              JavaScriptSerializer json=new JavaScriptSerializer();
              string jsons = json.Serialize(new Person() {Name = "ahui", Age = 12}); //将对象转换为json对象
              context.Response.Write(jsons); //输出函数

    $(function() {
               $.post("JSon.ashx", function (data, status) {
                   var person = $.parseJSON(data);//这里得到服务器端的数据
                   alert(person.name);
               });
           });

    $(function() {
              $.post("JSon.ashx", function (data, status) {
                  alert(data);
              });
          });