AJAX程序实验

<script type="text/javascript" >
        function btnClick () {
            try { // Firefox, Opera 8.0+, Safari, IE7
                xmlHttp = new XMLHttpRequest();
            }
            catch ( e) {// Old IE
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP" );
                }
                catch ( e) {
                    alert ("Your browser does not support XMLHTTP!");
                    return;
                }
            }
 
            if (! xmlHttp) {
                alert ("创建 xmlHttp对象异常" );
                return false ;
            }
            xmlHttp .open( "POST", "GetDate1.ashx?ts" + new Date(), false); //准备向服务器的GetDate.ashx发出 Post请求
            //XMLHTTP默认（也推荐）不是同步请求，而是异步。 open方法并不像WebClient的 DownloadString那样把服务器返回的数据拿到才返回。
            //需要监听onreadystatechange 事件
            xmlHttp .onreadystatechange = function () {
                if ( xmlHttp.readyState == 4 ) { // 服务器完成
                    if ( xmlHttp.status == 200 ) { // 如果状态码是 200，则是成功
                        document.getElementById("Text1" ).value= xmlHttp.responseText ;//responseText是服务器返回的文本
                    }
                    else{
                        alert ("AJAX服务器返回错误 ");
                    }
                }
            }
            xmlHttp .send();
        }    
    </script >

如果改成如下方式

xmlHttp . open( "GET" , "GetDate1.ashx?"~~ts"~~ ~~+ new Date~~ (), false );

那么发出请求以后

发现点击按钮，时间不更新

并且在Stream中没有请求。

这是因为：xmlHttp . open( "GET" , "GetDate1.ashx?"~~ts"~~ ~~+ new Date~~ (), false );每次都发送一样的请求给服务器，AJAX直接从服务器缓存中取值，而不进行处理 ~~ts"~~ ~~+ new Date~~ ()表示删除

这样会直接从服务器缓存中获得，所以要加上一个每次都会变的值，使得每次的请求都不同，这样就不会从缓存中取值。

用Jquery实现的代码是：

function btnClick2() {

var time = new Date();

var second = time.getSeconds();

$.get( "GetDate1.ashx", { id: 33, tr: second }, function (data) {//同样这里要有一个变化的值

$( "#Text1").val(data);

})

}