欢迎您来到,码代码-李雷博客        登录  |  注册

网页前端用JQ之$.ajax处理PHP返回的json数据

更新:2022-03-20 22:22:43
人气:114
来源:本站原创
A+

HTML页面中引用的JQ处理AJAX($.ajax)的代码:

发送的数据也是用的JSON格式,后台PHP也要对应处理获取的JSON数据。

$.ajax({
    type: "POST",
    timeout: 5000,
    // 设置超时时间
    url: Test_Url,
    contentType: "application/json", //如果提交的是json数据类型,则必须有此参数,表示提交的数据类型 
    //dataType: "json", //如果注释掉表示字符型
    dataType: "json",   //表示返回值类型为JSON。
    data: JSON.stringify({
        "action": 'yanzheng',
        "jiqima": jiqima_val
    }),
    success: function(jsonResult) {
        //console.log(jsonResult.back_status)
        var back_status = jsonResult.back_status;
        if (back_status == 'null') { //为空
            $("#show_error").html("终端识别码不能为空!")
        } else if (back_status == 'error') { //错误
            $("#show_error").html("终端识别码验证失败!")
        } else if (back_status == 'ok') { //正常
            localStorage.setItem("jiqima_data", jiqima_val) $("#show_error").html("<span style=color:green>验证通过!【" + jsonResult.mingcheng + "】</span>") setTimeout(function() {
                top.location.href = jsonResult.url;
            },
            2000);
        }
    },
    // 例如以下错误:  /Not Found/error/timeout
    error: function(data) {
        setTimeout(function() {
            jiqima_over(v)
        },
        1000);
    }
});

PHP后台接收前台POST过来的JSON数据,并返回JSON格式数据给$.ajax进行处理:

$post_val=file_get_contents('php://input');//jq ajax的json数据用此方法接收
$post_str=json_decode($post_val, true);
$action=$post_str['action'];

......自己的PHP逻辑代码

//以下是PHP返回的JSON结构的数据
echo '{"back_status":"ok","mingcheng":"'.$z_mingcheng.'","url":"'.$url.'"}';
exit;


推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2022 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号