ThinkPHPAJAX交互教程与实战案例

$.ajax({
    url: '/index/user/getInfo',
    type: 'POST',
    data: { id: 123 },
    dataType: 'json',
    success: function(res) {
        if (res.status == 1) {
            alert('获取成功：' + res.data.name);
        } else {
            alert('失败：' + res.msg);
        }
    }
});

public function getInfo()
{
    $id = input('post.id/d'); // 获取整型参数
    if (!$id) {
        return json(['status' => 0, 'msg' => '参数错误']);
    }

    $user = Db::name('user')->find($id);
    if ($user) {
        return json(['status' => 1, 'msg' => '成功', 'data' => $user]);
    } else {
        return json(['status' => 0, 'msg' => '用户不存在']);
    }
}

// 前端JS
$('#regForm').submit(function(e){
    e.preventDefault();
    $.post('/index/user/register', $(this).serialize(), function(res){
        if (res.status === 1) {
            location.href = '/index/index';
        } else {
            alert(res.msg);
        }
    }, 'json');
});

// 后端验证并处理
public function register()
{
    $data = input('post.');
    $validate = new \app\validate\UserValidate;
    if (!$validate->check($data)) {
        return json(['status' => 0, 'msg' => $validate->getError()]);
    }

    $result = Db::name('user')->insert($data);
    if ($result) {
        return json(['status' => 1, 'msg' => '注册成功']);
    } else {
        return json(['status' => 0, 'msg' => '保存失败']);
    }
}

header('Access-Control-Allow-Origin: http://localhost:8080');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type');