1

私はangular.jsのリソースを使用してポストコールを作成し、成功とエラーのコールバックを追加しようとしています。

wbsModule.factory('gridData', function($resource) {
    //define resource class
    var root = {{ root.pk }};
    var csrf = '{{ csrf_token }}';
    return $resource('{% url getJSON4SlickGrid root.pk %}:wpID', {wpID:'@id'},{
            get: {method:'GET', params:{root : root }, isArray:true},
            update:{method:'POST', headers: {'X-CSRFToken' : csrf }},
      });
});

私は次のように更新アクションを呼び出しています：

args.item.$update([], successUpdateCallback, errorUpdateCallback);

ドキュメントのこの部分をたどったところ：

non-GET instance actions: instance.$action([parameters], [success], [error])

エラーが発生した場合、サーバーは次のようにjsonを返します。

jsonReturn = [{'error' : "Oops.. a problem occured. We could not save your last change in the highlighted row: "}]
        jsonReturn.append({'wp_id' : wp_id})
        try:
            for key, value in wpForm.errors.iteritems():
                jsonReturn.append({"form_errors" : "<br/>" + str(value)})
        except Exception, e:
            print e
        return HttpResponse(json.dumps(jsonReturn, indent=4), mimetype="application/json", status=400)

エラーコールバックの場合、次のようなエラーメッセージにアクセスできます。

     function errorUpdateCallback(result){
            console.log(result.data);
            error = result.data[0].error;
            wp_id = result.data[1].wp_id;
            form_errors = result.data[2].form_errors;
            }
        };

しかし、success関数に対して同じことを行おうとすると、successUpdateCallbackに入る前にスローされるこのエラーが発生します。

'undefined' is not a function (evaluation 'a.push(U(b[c]))')
 http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js

サーバーでのエラーの場合と同じようにjsonを作成します。

jsonReturn = [{'message' : "Successfull update."}]
return HttpResponse(json.dumps(jsonReturn, indent=4), mimetype="application/json", status=200)

成功コールバックをエラーコールバックと同じように解析します。

        function successUpdateCallback(result){
            console.log("in suc. update");
            console.log(result);
            message = result.data[0].message;
        };

空のjsonオブジェクトを返すと、このエラーは発生せず、successUpdateCallbackが入力され、コンソールに「insuc.update」と出力されます。

jsonReturn = []
return HttpResponse(json.dumps(jsonReturn, indent=4), mimetype="application/json", status=200)
4

1 に答える 1

2

将来の参考のために：

Angularは、サーバーが$updateまたは$saveを呼び出したリソースのjson表現で応答するpostcallが成功することを期待しています。

ここで見つけました。コメントに隠されています:)

 card.$save();
 // POST: /user/123/card/456 {id:456, number:'1234', name:'J. Smith'}
 // server returns: {id:456, number:'1234', name: 'J. Smith'};

したがって、サーバーからリソースのjson表現を返しますが、期待どおりに機能します。

于 2012-11-14T14:24:40.117 に答える