利用jquery写的AJAX小例子

利用js原生写ajax需要写很长的代码，而jQuery给我们封装了一个$.ajax，可以使代码更简洁

下面话不多说，直接贴代码：

页面代码：

    
    


员工查询
请输入员工编号





员工创建
请输入员工姓名


请输入员工编号


请输入员工性别

    男
    女


请输入员工职位




    
        

        
        
    

后台代码：

"洪七","number"=>"101","sex"=>"男","job"=>"总经理"),
    array("name"=>"郭靖","number"=>"102","sex"=>"男","job"=>"开发工程师"),
    array("name"=>"黄蓉","number"=>"103","sex"=>"女","job"=>"产品经理")
);


if($_SERVER['REQUEST_METHOD']=='GET'){
    search();
}elseif($_SERVER['REQUEST_METHOD']=='POST'){
    create();
}

function search(){

    //检测是否有员工编号的参数
    //isset检测是否设置，empty检测是否为空
    if(!isset($_GET["number"])||empty($_GET["number"])){
        echo "参数错误";
        return ;
    }
    global $staff;
    //获得number参数
    $number = $_GET["number"];
    $result = "没有找到员工";
    foreach ($staff as $value){
        if($value['number'] == $number)
        {
        $result = "找到员工：员工编号：".$value["number"]."，员工姓名：".$value['name']."，员工性别：".$value['sex']."，员工职位：".$value['job'];
        break;
        }
    }
    echo $result;
}

function create(){
        if(!isset($_POST['name'])||empty($_POST['name'])||!isset($_POST['number'])||
            empty($_POST['number'])||!isset($_POST['sex'])||empty($_POST['sex'])||!isset($_POST['job'])||empty($_POST['job'])){
            echo $_POST['name'];
            echo $_POST['number'];echo $_POST['sex'];echo $_POST['job'];
            echo "参数错误，员工参数填写不全";
            return ;
        }
//提示：获取POST表单数据并且保存到数据库中
    //提示保存成功
    echo "员工：".$_POST['name']."信息保存成功";
}

?>

效果截图：

下面就需要你们看我之前的博客来巩固一下AJAX的相关知识，并且通过看代码来更进一步的学会使用AJAX。