将Backbone.js模型插入MySQL数据库

Question

我有一个带有一些默认值和url的backbone.js模型：

var Box = Backbone.Model.extend({
    url: "./save.php",
    defaults: {
        x: 0,
        y: 0,
        w: 1,
        h: 1
    }
});

然后我有一个这个模型的实例，我继续保存它：

var box = new Box({ x:10, y:10, w:200, h:200 });
box.save();

现在我想使用PHP脚本“save.php”将此模型保存到MySQL数据库中，它是这样的：

<?php 
    include('connection.php');

    $id = $_POST['cid'];
    $x = $_POST['x'];
    $y = $_POST['y'];
    $w = $_POST['w'];
    $h = $_POST['h'];

    mysql_query("INSERT INTO boxes (id, x, y, w, h)
                         VALUES('$id', '$x', '$y', '$w', '$h')
                       ") or die(mysql_error());
?>
echo "Data Inserted!";

我已经尝试过阅读很多教程，但是我无法将这个简单的模型保存到工作中。为什么我的代码不起作用？关于如何解决这个问题的任何想法？

由于

编辑：快速解决方案

在php脚本中，从发送的JSON对象获取信息的正确方法如下：

$box_data = json_decode(file_get_contents('php://input'));
$x = $box_data->{'x'};
$y = $box_data->{'y'};
$w = $box_data->{'w'};
$h = $box_data->{'h'};

并存储在数据库中：

mysql_query("INSERT INTO boxes(id, x, y, w, h)
            VALUES('', '$x', '$y', '$w', '$h') ") 
or die(mysql_error());

这样，一行将插入表“框”中，其中包含骨干模型Box的每个属性的信息。 在这种情况下，服务器请求方法是POST，表“boxes”中的id设置为自动递增。

Answer 1

Backbone基于REST API：在将模型保存/更新到服务器时，Backbone会在请求正文中将其序列化为JSON并发送POST我们的PUT请求。来自Backbone.sync documentation

  

使用默认实现时，Backbone.sync发送请求   要保存模型，它的属性将被传递，序列化为JSON，   并使用content-type application / json在HTTP正文中发送。

这意味着服务器端你必须

• 确定请求的类型
• 解码序列化的JSON

这样的事情应该让你开始

$request_method = strtolower($_SERVER['REQUEST_METHOD']);
$data = null;

switch ($request_method) {
    case 'post':
    case 'put':
        $data = json_decode(file_get_contents('php://input'));
    break;
}

// print_r($data);

// note that mysql_* functions are deprecated
// http://php.net/manual/en/function.mysql-query.php
// inserting with a PDO object, assuming an auto incremented id
$sql = "INSERT INTO boxes (x, y, w, h) VALUES(?, ?, ?, ?)";
$sth = $dbh->prepare($sql);
$sth->execute(array(
    $data->x,
    $data->y,
    $data->w,
    $data->h
));
$id = $dbh->lastInsertId();

检查此页面，以便在PHP http://www.gen-x-design.com/archives/create-a-rest-api-with-php/

中更全面地实现REST API

Answer 2

您忘了发送身份证。

// $ id = $ _POST ['cid'];

将ID设为AUTO_INCREMENT并从代码中删除：

  

$ id = $ _POST ['cid'];

mysql_query("INSERT INTO boxes (x, y, w, h)
                         VALUES('$x', '$y', '$w', '$h')
                       ") or die(mysql_error());