如何從客戶端使用Mandrillapp API？

Question

我最近開始使用Mandrill進行客戶端電子郵件發送。客戶端的網站不使用任何服務器端程序，因此每個邏輯都必須位於客戶端。

我現在是工作在Chrome，火狐，IE10，但不是在LTE IE9，也不是Android 4.0 <既不IOS：\

m = new mandrill.Mandrill("APIKEY", true) 
m.call "messages/send", { 
    message: 
     html: createHtml() 
     subject: "subj" 
     from_email: "sender@example.dk", 
     from_name: "From", 
     to: [ 
      email: "user@example.com" 
      name: "User" 
     ] 
}, (()-> 
    console.log "success" 
    @ 
),()-> 
    console.log "error" 
    @ 

在這段代碼中，我使用JS Mandrill API wrapper，但我用jQuery ajax POST-ing試了一下，我得到了同樣的結果。

jQuery的版本：

$.ajax 
    type: "POST" 
    url: "https://mandrillapp.com/api/1.0/messages/send.json" 
    data: 
     key: "APIKEY" 
     message: 
      html: createHtml() 
      subject: "subject" 
      from_email: "sender@example.dk", 
      from_name: "From", 
      to: [ 
       email: "user@example.com" 
       name: "User" 
      ] 

誰能幫我出，如何解決跨域API調用來山魈？

Answer 1

您的代碼似乎有效，因此您可能遇到了瀏覽器兼容性問題。

Mandrill API包裝器使用的是原生的XMLHttpRequest，所以它可能與舊版瀏覽器不兼容。如果您需要支持IE < 9，您將需要jQuery的1.x版本 - 所有2.x版本不再支持舊版瀏覽器（請參閱http://jquery.com/browser-support/）。

我在JSBin上發佈了一個工作示例：http://jsbin.com/UyehELo/2/edit。僅測試iOS，因爲不幸我無法訪問IE或Android。該示例允許您在移動設備上查看API響應，但無法輕鬆訪問控制檯。

PS。請記住，在您公開暴露您的API密鑰時，在客戶端使用mandrill通常不是最好的主意，這樣任何人都可以代爲接收併發送電子郵件。