Question

希望你能帮我解决这个问题。

我想使用Backbone的save（）方法并传递给php文件数据。但在一个非常开始我有问题。

在浏览器的控制台中执行：

var test = new MyModel(); //  - it's ok
test.toJSON(); // - it's ok
test.save(); // and here I have error "TypeError: d.collection is undefined"

当我使用localStorage时，everythink就可以了（在我下面的代码中有注释）。我可以创建模型，集合，视图等，并对它们进行操作。

我尝试使用这些教程net.tutsplus.com/tutorials/javascript-ajax/understanding-backbone-js-and-the-server/和http://coenraets.org/blog/2011/12/restful-services-with-jquery-php-and-the-slim-framework/但我无法了解REST的工作原理以及我弄错了。希望你能解释一下。

的index.html

<!DOCTYPE html>
<html>
<head>
  <title>S.O.S</title>
</head>
<body>
<h1>Test</h1>
  <script src="jquery.min.js"></script>
  <script src="underscore-min.js"></script>
  <script src="backbone-min.js"></script>
  <script src="backbone.localStorage-min.js" type="text/javascript"></script>  

<script >

  window.MyModel = Backbone.Model.extend({
    defaults: {
      title: 'Test'
    },

    //localStorage: new Store('TEST')
    urlRoot: 'api/items'
  });


</script>

</body>
</html>

的index.php

<?php
require 'Slim/Slim.php';
$app = new Slim();
$app->post('/items', 'addItem');
$app->run();


function addItem() {
    $request = Slim::getInstance()->request();
    try {
        echo json_encode('OK message'); 
    } catch(PDOException $e) {
        echo 'Error message'; 
    }
}
?>

文件夹结构

|->main_folder
           |-index.html
           |->api
                |->index.html
                |->Slim
                    |-> (folder with Slim php library)

Answer 1

以下是一个工作示例http://jsfiddle.net/acDb3/ 即使没有工作REST，我也没有得到你的错误。我注意到JSON输出没有Content-type。您可以将此行添加到index.php以使其生效。

$app->contentType("application/json");

您还可以获取success和error callack以查看它们是否已被调用。

test.save(null, {
    success: function() {
        alert("success");
    },
    error: function() {
        alert("error");
    }
});

Backbone：将数据传递给服务器（save（）方法，php文件）

1 个答案: