网页编程 - ajax的运用

<script type="text/javascript">

    // 绑定点击事件

    function carajax(CarNo,UserName,StartDate,ValidDate,Phone,i) {

        // (1)创建异步对象

        var ajaxObj = new XMLHttpRequest();

        // (2)设置请求的参数。包括:请求的方法、请求的url。

        ajaxObj.open('get', 'ajax_cscar.asp?CarNo='+ CarNo + '&UserName='+ UserName + '&StartDate='+StartDate + '&ValidDate='+ ValidDate + '&i='+ i );

        // (3)发送请求

        ajaxObj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

        ajaxObj.send();

  //alert( 'ajax_cscar.asp?CarNo='+ CarNo + '&UserName='+ UserName + '&StartDate='+StartDate + '&ValidDate='+ ValidDate + '&i='+ i )

        //(4)注册事件。 onreadystatechange事件,状态改变时就会调用。

        //如果要在数据完整请求回来的时候才调用,我们需要手动写一些判断的逻辑。

        ajaxObj.onreadystatechange = function () {

            // 为了保证 数据 完整返回,我们一般会判断 两个值

            if (ajaxObj.readyState == 4 && ajaxObj.status == 200) {

                // 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的

                // 5.在注册的事件中 获取 返回的 内容 并修改页面的显示

                console.log('数据返回成功');

                // 数据是保存在 异步对象的 属性中

                console.log(ajaxObj.responseText);

                // 修改页面的显示

               // document.querySelector('#okajax').innerHTML = ajaxObj.responseText;

                $('#okajax').html( ajaxObj.responseText );

            }

        }

    }

</script>