var ajaxObj;//定义变量，用来创建xmlhttprequest对象
var url;
var name;
var email;
var content;

//表单是否为空
function CheckForm()
{
    name=document.getElementById('name').value;
    email=document.getElementById('email').value;
    content=document.getElementById('Comments').value;
    if ((name == null) || (name == ""))
    {
        document .getElementById ("message").innerHTML ="الرجاء ادخل اسمك";
        document.getElementById('name').focus();
    }
    else if((email == null) || (email == ""))
    {
        document .getElementById ("message").innerHTML ="الرجاء ادخل بريدك الالكتروني";
        document.getElementById('email').focus();
    }
    else if((content == null) || (content == ""))
    {
        document .getElementById ("message").innerHTML ="الرجاء ادخل التعليق";
        document.getElementById('Comments').focus();
    }
    else
    {
        //调用ajax 函数
        CreateReq();
    }
}

//ajax 函数
function CreateReq()
{
    url="/china-tours/UserSendMail.ashx?name="+escape(name)+"&mail="+escape(email)+"&content="+escape(content)+"";//要请求的服务端地址
    if(window.XMLHttpRequest)//非IE浏览器，用xmlhttprequest对象创建
    {
        ajaxObj=new XMLHttpRequest();
    }
    else if(window.ActiveXObject)//IE浏览器用activexobject对象创建
    {
        ajaxObj=new ActiveXObject("Microsoft.XMLHttp");
    }
    if(ajaxObj) //成功创建xmlhttprequest
    {
        ajaxObj.open("GET",url,true);//与服务端建立连接(请求方式post或get，地址,true表示异步)
        ajaxObj.onreadystatechange = callback; //指定回调函数
        ajaxObj.send(null); //发送请求
    }
}

////回调函数，对服务端的响应处理，监视response状态
function callback()
{
    if(ajaxObj.readyState==4)//请求状态为4表示成功
    {
        if(ajaxObj.status==200)//http状态200表示OK
        {
            DispalyValues(); //所有状态成功，执行此函数，显示数据
        }
        else //http返回状态失败
        {
            alert("return server status" + ajaxObj.statusText);
        }
    }
    else //请求状态还没有成功，页面等待
    {
        document .getElementById ("message").innerHTML ="إرسال...";
    }
}


//接受服务端返回的数据，对其进行显示
function DispalyValues()
{
    document .getElementById ("message").innerHTML =ajaxObj.responseText; 
    //清空表单
    document.getElementById('name').value="";
    document.getElementById('email').value="";
    document.getElementById('Comments').value="";
}