我做了一个Ajax Like Button.单击like按钮后,需要大约800ms – 1100 ms才能执行以下操作：

>使用Jquery在后台打开insertlike.PHP页面
>在insertlike.PHP页面中将类似内容添加到数据库中
>使用JSON确认
>将类似按钮的颜色变为绿色.

但Facebook和其他网站的Like按钮工作得非常快.

Facebook在点击时直接更改类似按钮的颜色,或者仅在将数据添加到数据库后才更改？

这是我的代码：

index.PHP代码来发出ajax请求

$(".insertlike").submit(function(e) {

    var data = $(this).serialize();
    var url = $(this).attr("action");
    var form = $(this); 
    $.post(url,data,function(data) { 
    try {
        data = JSON.parse(data);
        $(form).children("button").html(data.addremove + " Watchlist");
        $(form).children("input#addedornotsend").attr("value",data.addedornotsend); 

    } catch (e) {
        console.log("json encoding Failed");
        return false;
    }
});
  return false;
});

insertlike.PHP中的代码

PHP

// Add to Database code 

$response = new \stdClass();
$response->addremove = "".$addremove."";
$response->addedornotsend = "".$addedornotsend."";
die(json_encode($response));

有什么方法可以插入类似按钮的速度吗？也许一些PHP缓存技巧或类似的东西？我还是新手.

编辑：这是我的服务器响应时间速度测试：