ajax

js方法：

<script>
document.getElementById("search").onclick=function(){

    //发送ajax查询请求并处理
    var request=new XMLHttpRequest();
    reauest.open("GET","service.php?number="+document.getElementById("keyword").value);
    request.send();
    request.onreadystatechange=function(){
    if(request.readyState===4){
        if(request.status===200){
            document.getElementById("searchResult").innerHTML=request.responseText;
        }esle{
        alert("返回错误："+request.status);
        }
    }

}

}

document.getElementById("save").onclick=function(){
    var request=new XMLHttpRequest();
    request.open("POST","service.php");
    var data="name="+document.getElementById("statffName").value
        +"&number="+document.getElementById("staffNumber").value;
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    request.send(data);
    request.onreadystatechange=function(){
    if(request.readyState===4){
        if(request.status===200){
            document.getElementById("searchResult").innerHTML=request.responseText;
        }esle{
        alert("返回错误："+request.status);
        }
    }
    }
}
</script>

JQ方法
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
<script>
$(document).ready(function(){
    $("#search").click(function(){
    $.ajax({
        type:"GET",
        url:"service.php?number="+$("#keyword").val(),
        dataType:"json",
        success:function(data){
        if(data.success){
        $("#searchResult").html(data.msg);
        }else{
        $("#searchResult").html("返回错误："+data.msg);
        }
        },
        error:function(jqXHR){
        alert("发生错误："+jqXHR.status);
        }
        });
        });
        });
    $("#save").click(function(){
    $.ajax({
    type:"post",
    url:"service.php",
    dataType:"json",
    data:{
    name:$("#statffName").val(),
    number:$("#statffNumber").val(),
    sex:$("#staffSex").val(),
    job:$("#staffJob").val(),
    },
    success:function(data){
    if(data.success){
    $("#createResult").html(data.msg);
    }else{
    $("$createResult").html("出现错误:"+data.msg);
    }
    },
    error:function(jqXHR){
    alert("发生错误："+jqXHR.status);
    }
    });
    });