Backbone.js en base de datos MySQL

Question

tengo un modelo Backbone.js unos valores y una url:

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

Entonces tengo una instancia de este modelo y procedo a guardarlo:

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

Ahora quiero salvar este modelo en una base de datos MySQL usando un script PHP "save.php", que es la siguiente:

<?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!"; 

He intentado leer muchos tutoriales pero no puedo hacer que este sencillo modelo de salvar funcione. ¿Por qué mi código no funciona? ¿Alguna idea sobre cómo se puede resolver esto?

Gracias

EDIT: SOLUCIÓN RÁPIDA

En el script php, la forma correcta para obtener la información del objeto JSON enviado es el siguiente:

$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'}; 

Y para almacenar en la base de datos:

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

De esta forma, se insertará una fila en la tabla "cajas" con la información de cada uno de los atributos del modelo de red troncal. El método de solicitud del servidor en este caso es POST y el ID en la tabla "cuadros" está configurado para autoincrementarse.

Answer 1

Backbone se basa en una API REST: al guardar/actualizar un modelo para el servidor, Backbone lo enviará serializado como JSON en el cuerpo de la petición con un POST nuestra solicitud PUT. De Backbone.sync documentation

Con la implementación predeterminada, cuando Backbone.sync envía una petición para salvar un modelo, se pasarán sus atributos, serializado como JSON, y enviados en el cuerpo HTTP con la aplicación de tipo de contenido/json.

Esto significa que del lado del servidor que tiene que

• determinar el tipo de solicitud
• decodificación JSON serializado

Algo como esto debería empezar

$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(); 

Revisa esta página f o una implementación más completa de una API REST en PHP http://www.gen-x-design.com/archives/create-a-rest-api-with-php/

Answer 2

Has olvidado enviar ID.

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

Haga Id a AUTO_INCREMENT y eliminar de código:

$ id = $ _POST [ 'cid'];

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