分享

jquery ajax 完整异步操作json数据案例代码

发布于:2019-11-27 11:23    阅读次数:158    作者:云码素材    分类:建站教程    关键词:jquery  ajax  json  

jquery ajax 完整异步操作json数据案例代码:


前端代码如下:

function change_customer(cid) {
    //请求参数
    var list = {'id':cid};
    $.ajax({
        //请求方式
        type : "POST",
        dataType: "json",
        //请求的媒体类型
        contentType: "application/json;charset=UTF-8",
        //请求地址
        url : "{:url('AdminArticle/ajax_customer')}",
        //数据,json字符串
        data : JSON.stringify(list),
        //请求成功
        success : function(result) {
            json_result = eval("(" + result + ")");
            if(json_result.code==1)
            {
                $("#contacts").empty();
                $("#contacts").append(json_result.phone);
                $("#phone").empty();
                $("#phone").append(json_result.phone);
                $("#address").val(json_result.address);
            }
            //$("#contacts").append(result.contacts);
        },
        //请求失败,包含具体的错误信息
        error : function(e){
            console.log(e.status);
            console.log(e.responseText);
        }
    });
}


后端PHP代码如下:

$id=$this->request->param("id");
$customer=Db::name("portal_post")->where("id",$id)->find();
if(!empty($customer))
{
    $data=['code'=>1,'address'=>$customer["address"]];
    return json_encode($data);

}
else
{
    $data=['code'=>0,'contacts'=>'','phone'=>'','address'=>''];
    echo json_encode($data);
}


推荐源码
查看更多

免费领
签到客服赚钱 反馈 回顶部