Chuyển tiêu đề HTTP tùy chỉnh cho các yêu cầu RESTful

Question

Tôi đang cố gắng tích hợp Backbone trong Yii và do đó tôi cần REST. Vì vậy, tôi đã cài đặt tiện ích mở rộng Yii, restfullyii, sử dụng tên người dùng và mật khẩu cần được chuyển cho các yêu cầu. Vấn đề là tôi không có ý tưởng làm thế nào để làm điều này với Backbone.

Ví dụ về yêu cầu truy nã:

List 
curl -i -H "Accept: application/json" -H "X_REST_USERNAME: admin@restuser" -H "X_REST_PASSWORD: admin@Access" http://yii-tester.local/api/sample/  
curl -i -H "Accept: application/json" -H "X_REST_USERNAME: admin@restuser" -H "X_REST_PASSWORD: admin@Access" http://yii-tester.local/api/sample/limit/1 
curl -i -H "Accept: application/json" -H "X_REST_USERNAME: admin@restuser" -H "X_REST_PASSWORD: admin@Access" http://yii-tester.local/api/sample/limit/10/5 (limit/offeset) 

phản ứng lỗi hiện tại, mà hoàn toàn có ý nghĩa ..:

{ 
    "success": false, 
    "message": "You are not authorized to proform this action.", 
    "data": {"errorCode":500} 
} 

Có ai có một đầu mối làm thế nào để gửi các giá trị đó trong suốt Backbone?

Answer 1

Xương sống ủy quyền các yêu cầu XHR của nó cho jQuery/Zepto, đó là những gì bạn sẽ phải sửa đổi.

Giải pháp đơn giản nhất có lẽ là để cung cấp tùy chọn mặc định qua $.ajaxSetup và các tiêu đề headers options

(thêm 1.5)
Mặc định: {}

Bản đồ thêm tiêu đề cặp khóa/giá trị để gửi cùng với yêu cầu . Cài đặt này được đặt trước khi chức năng beforeSend được gọi; do đó, mọi giá trị trong cài đặt tiêu đề có thể được ghi đè từ trong hàm beforeSend.

Bạn sẽ thiết lập nó như thế này:

$.ajaxSetup({ 
    headers:{ 
     X_REST_USERNAME: "admin@restuser", 
     X_REST_PASSWORD: "admin@Access" 
    } 
}); 

Mỗi yêu cầu gửi sẽ có tiêu đề tùy chỉnh. Xem http://jsfiddle.net/nikoshr/j5Rr4/

Hoặc bạn có thể vượt qua tùy chọn bổ sung cho mỗi yêu cầu, Backbone sẽ chuyển đến jQuery:

var m = new Backbone.Model(); 
m.fetch({ 
    headers:{ 
     X_REST_USERNAME: "admin@restuser", 
     X_REST_PASSWORD: "admin@Access" 
    } 
}); 

http://jsfiddle.net/nikoshr/j5Rr4/2/

Cuối cùng, bạn có thể ghi đè lên Backbone.sync để thêm tiêu đề cho mọi yêu cầu :

Backbone.realsync = Backbone.sync; 
Backbone.sync = function(method, model, options) { 
    options || (options = {}); 
    options.headers = { 
     X_REST_USERNAME: "admin@restuser", 
     X_REST_PASSWORD: "admin@Access" 
    }; 

    return Backbone.realsync.call(model, method, model, options); 
}; 

var m = new Backbone.Model(); 
m.fetch(); 

http://jsfiddle.net/nikoshr/j5Rr4/4/