Bài đăng JSON với Trường HTTPHeader tùy chỉnh

Question

Tôi đã kế thừa một số mã mà cuối cùng sẽ là một phần của cuộc gọi API. Dựa trên mã hiện có, cuộc gọi là một bài đăng để truy xuất mã JSON với access_token. Mặc dù điều này thường đơn giản và giống như mọi API khác, mã này yêu cầu phải có trường httpheader tùy chỉnh cho bí mật ứng dụng khách.

Tôi đã có thể thực hiện công việc này trong Mục tiêu C với URLRequest, v.v. nhưng bây giờ tôi đang tạo cuộc gọi cho một thành phần web, tôi đã được khoanh vùng.

Tôi đang sử dụng một bài jquery khá chuẩn

 $.post('https://url.com', 
     {access_token:'XXXXXXXXXXXXXXXXXXX', 
     function(data){ 
      console.info(data); 
     }, 'json'); 

Với một HTTP-equiv trong tiêu đề. Nhưng bài viết không bao giờ lấy dữ liệu và bản thân máy chủ không nhận ra rằng bất kỳ cuộc gọi nào đã được thực hiện (ngay cả một cuộc gọi chưa hoàn thành).

Tôi có thể phải xóa mã này và bắt đầu lại, nhưng nếu có ai gặp sự cố này trước đây, vui lòng cung cấp bất kỳ thông tin chi tiết nào.

Answer 1

Nội dung bạn đã đăng có lỗi cú pháp nhưng không có sự khác biệt vì bạn không thể chuyển tiêu đề HTTP qua $.post().

Miễn là bạn đang sử dụng phiên bản jQuery> = 1.5, hãy chuyển sang $.ajax() và chuyển tùy chọn headers (docs). (Nếu bạn đang ở trên một phiên bản cũ của jQuery, tôi sẽ cho bạn thấy làm thế nào để làm điều đó thông qua các tùy chọn beforeSend.)

$.ajax({ 
    url: 'https://url.com', 
    type: 'post', 
    data: { 
     access_token: 'XXXXXXXXXXXXXXXXXXX' 
    }, 
    headers: { 
     Header_Name_One: 'Header Value One', //If your header name has spaces or any other char not appropriate 
     "Header Name Two": 'Header Value Two' //for object property name, use quoted notation shown in second 
    }, 
    dataType: 'json', 
    success: function (data) { 
     console.info(data); 
    } 
}); 

Answer 2

tôi đã cố gắng như bạn đã đề cập, nhưng chỉ có tham số đầu tiên đang trải qua và nghỉ ngơi tất cả đều xuất hiện trong máy chủ dưới dạng undefined. Tôi đang chuyển JSONWebToken làm một phần của tiêu đề.

.ajax({ 
    url: 'api/outletadd', 
    type: 'post', 
    data: { outletname:outletname , addressA:addressA , addressB:addressB, city:city , postcode:postcode , state:state , country:country , menuid:menuid }, 
    headers: { 
     authorization: storedJWT 
    }, 
    dataType: 'json', 
    success: function (data){ 
     alert("Outlet Created"); 
    }, 
    error: function (data){ 
     alert("Outlet Creation Failed, please try again.");   
    } 

    }); 

Answer 3

nếu ai muốn sử dụng .post() sau đó này sẽ đặt tiêu đề cho tất cả các yêu cầu trong tương lai được thực hiện với jquery

$.ajaxSetup({ 
    headers: { 
     'Content-Type': 'application/json', 
     'Accept': 'application/json' 
    } 
}); 

sau đó hãy chắc .post của bạn() gọi như bình thường.