jquery ajax 完整异步操作json数据案例代码-技术分享-云码素材

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

发布于：2019-11-27 11:23 阅读次数：1420 作者：云码素材分类：技术分享关键词：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);
}

入群分享

我要加群：资源共享的时代，不要再单打独斗！加小编微信号加入群：xnynews(备注：云码素材入群)，qq群号：202498279,一起技术学习，资源分享！

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！

原创声明：本站所有资源如果标明原创的为云码素材已测试或原创开发项目,可提供有偿技术服务,如标明为收集,为网络收集资源，网路收集资源不提供任何技术支持和服务,网络虚拟资源,一经售出,概不退货,请购买前认真看清资源详情说明。