ajax-基础

755阅读 2评论2008-10-22 dulcet
分类:系统运维

function InitAjax()
{
    var ajax=false;
    try {
        ajax = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            ajax = false;
        }
    }
    if (!ajax && typeof XMLHttpRequest!='undefined') {
        ajax = new XMLHttpRequest();
    }
    return ajax;
}


function ajaxPost_xxx()
{
    //获取接受返回信息层
    var msg = document.getElementById("msg");
    //获取表单对象和用户信息值
    var f = document.user_info;
    var userName = f.user_name.value;
    var userAge = f.user_age.value;
    var userSex = f.user_sex.value;
    //接收表单的URL地址
    var url = "/save_info.php";
    //需要POST的值,把每个变量都通过&来联接
    var postStr = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;
    //实例化Ajax
    var ajax = InitAjax();
    //通过Post方式打开连接
    ajax.open("POST", url, true);
    //定义传输的文件HTTP头信息
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //发送POST数据
    ajax.send(postStr);
    //获取执行状态
    ajax.onreadystatechange = function() {
        //如果执行状态成功,那么就把返回信息写到指定的层里
        if (ajax.readyState == 4 && ajax.status == 200) {
            msg.innerHTML = ajax.responseText;
        }
    }
}

function ajaxGet_xxx(newsID)
{
    //如果没有把参数newsID传进来
    if (typeof(newsID) == 'undefined')
    {
        return false;
    }
    //需要进行Ajax的URL地址
    var url = "/show.php?id="+ newsID;
    //获取新闻显示层的位置
    var show = document.getElementById("show_news");
    //实例化Ajax对象
    var ajax = InitAjax();
    //使用Get方式进行请求
    ajax.open("GET", url, true);
    //获取执行状态
    ajax.onreadystatechange = function() {
        //如果执行是状态正常,那么就把返回的内容赋值给上面指定的层
        if (ajax.readyState == 4 && ajax.status == 200) {
            show.innerHTML = ajax.responseText;
        }        
    }
    //发送空
    ajax.send(null);
}

上一篇:fieldset label tabindex
下一篇:javascript 动态添加select

文章评论