主干.js:保存方法始终返回错误回调

Backbone.js: Save Method Always Return Error Callback

本文关键字:返回 错误 回调 方法 js 保存 主干      更新时间:2023-09-26

我知道人们可能会感到困惑,为什么我不使用rails,但我使用php感觉更好,所以我选择了它。我基本上是在尝试创建一个非常简单的主干,.js。我已经预定义了urlRooturl函数。我已经编写了php,只是简单地返回一条消息(使用echo(。

但是无论我做什么,每当我尝试接收响应时,它总是落入错误回调。我确实收到了响应文本作为响应,但是我仍然无法理解为什么会触发错误回调。这是我完整的 html 和后端 php 代码。为什么它总是去错误回调?我还想声明我收到标头

HTTP/1.1 200 OK

HTML(内部也带有骨干.js(;

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
    <script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
    <script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
</head>
<body>
<div id='place'>
    <input id='clicker' type='button' value='Click Me'/>
</div>
<script type='text/javascript'>
(function($){
    Backbone.emulateHTTP=true;
    Backbone.emulateJSON=true;
    var URL=Backbone.Model.extend({
        initialize:function(){
            console.log("URL object has been created");
        },
        defaults:{
            url:'not actually defined'
        },
        urlRoot:'/StupidExample/server.php',
        url:function(){
            var base=this.urlRoot || (this.collection && this.collection.url) || "/";
            if(this.isNew()) return base;
            return base+"?id="+encodeURIComponent(this.id);
        }
    });
    var URLView=Backbone.View.extend({
        initialize:function(){
            console.log('URL View has been created');
        },
        el:('#place'),
        events:{
            "click #clicker":"alerter"
        },
        alerter:function(){
            console.log("I've been clicked");
            var obj=new URL();
            obj.save(obj.toJSON,{
            success:function(){
                console.log("Success")
            },
            error:function(model,response,xhr){
                console.log(model);
                console.log(response);
                console.log(xhr);
                console.log("Error");
            }
            });
        }
    });
    var urlView=new URLView();
})(jQuery);
</script>
</body>
</html>

.PHP;

<?php
echo "I've received something";
?>

您必须在HTTP 200响应中返回有效的 JSON 对象。Backbone 会在echo返回值上引发错误,因为它尝试将响应解析为 JSON,但会失败。

正如 Derick 所说,您需要返回 JSON,您可以通过将 php 文件更改为:

 <?php print json_encode(array( 'response' => 'success' ));

但是您还需要不要使用绝对路径作为您的 URL,因为不允许跨域使用 AJAX,因此它必须是相对的。