![](/img/trans.png)
[英]How to send POST request to Django API from ReactJS web app?
[英]How to send a POST request to a MOXTRA API
您好,我是Java Script和jQuery的新手。
我試圖通過訪問Moxtra的API來制作MOXTRA Web應用程序,在該API中,我試圖通過單擊按鈕來創建新的活頁夾。
APIGEE的Moxtra API控制台發出以下創建活頁夾的請求:
請求
POST /me/binders?access_token=U1kwMQAAAUV03fjJAACowFVKRnpSbjNvWHlNS2lOTnIwdEt3UzI4AAAAAVRnRjBEN0MzdURUQ2c5OHJMQWQwb0I2YXBpZ2VlMiAgIFB HTTP/1.1
X-HostCommonName:
api.moxtra.com
Host:
api.moxtra.com
Content-Length:
33
X-Target-URI:
https://api.moxtra.com
Content-Type:
application/json
Connection:
Keep-Alive
{
"name": "My First Binder"
}
我不知道如何在jQuery或Javascript中發出上述HTML請求,或者有什么方法可以使用Json發出上述確切的請求。 任何幫助將不勝感激
這是您將如何通過JQuery發布的方法
$.ajax({
type: "POST",
url: https://api.moxtra.com/me/binders?access_token=[Access-Token],
data: {"name": "My First Binder"},
dataType: "json",
contentType: "application/json",
success: function(){
...
}
});
您的用例是什么? 為什么要嘗試創建活頁夾? 我們在開發人員門戶中添加了許多JavaScript示例代碼段。 ( https://developer.moxtra.com/moxo/codesample/javascript-sample.html )。
在創建活頁夾之前,您首先需要創建一個用戶並獲取訪問令牌。
您可以通過以下方法使用javascript創建用戶並獲取訪問令牌:
<!-- Include Moxtra JavaScript Library -->
<script type="text/javascript" src="https://www.moxtra.com/api/js/moxtra-latest.js" id="moxtrajs" data-client-id="insert_your_app_client_id"></script>
<!-- Include External JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/hmac-sha256.js"></script>
<script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/components/enc-base64-min.js"></script>
<!-- Create Signature -->
<script type="text/javascript">// <![CDATA[
var client_id = "insert_your_app_client_id";
var client_secret = "insert_your_app_client_secret";
var timestamp = new Date().getTime();
var unique_id = "unique_user_id"; //Unique ID of how user is identified in your system
// HMAC-SHA-256 signature encoded using base64(URL-safe variant, RFC 4648)
var hash = CryptoJS.HmacSHA256(client_id + unique_id + timestamp, client_secret);
var hashInBase64 = CryptoJS.enc.Base64.stringify(hash);
var signature = hashInBase64.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
// ]]>
</script>
<!-- Initialize user and get access token -->
<script type="text/javascript">
function get_token() {
var init_options = {
uniqueid: unique_id,
firstname: "John",
lastname: "Doe",
timestamp: timestamp,
signature: signature,
get_accesstoken: function(result) {
console.log("access_token: " + result.access_token + " expires in: " + result.expires_in);
// Use the access token to make Moxtra SDK and API calls
},
error: function(result) {
console.log("error code: " + result.error_code + " message: " + result.error_message);
}
};
Moxtra.setup(init_options);
}
</script>
只需調用get_token()函數來創建用戶並獲取訪問令牌。
然后使用訪問令牌創建活頁夾。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.