2017-11-16 13 views
0

私はサインアップをsender.net APIに接続する方法を理解しようとしていますので、誰かがフォームに記入すると加入者リストに追加されます。 Sender.netは助けるためにこの情報を提供してくれまし:バックエンドのないサインアップフォームでAPIにPOSTリクエストを送信するには

  1. APIはPOSTを使用して、HTTP protocoolを介して実装されます。応答はに返されます。

  2. すべてのAPIはhttp://app.sneder.net/api/apiに送信されます。

  3. 要求データはPOSTという名前のデータでエンコードする必要があります。

私はこのコードを書きましたが、何も私の加入者リストに表示されません、以下を参照してください。

<!DOCTYPE html> 
<html> 

<head> 
    <title>test with sender</title> 
</head> 

<body> 

    <h1>This is to test sender.net API "POST" </h1> 

    <form> 
    <input type="text" name="Fname" placeholder="first name"> 
    <input type="text" name="Lname" placeholder="last name"> 
    <input type="email" name="Email" placeholder="email address"> 
    <button type="submit" onclick="JSONTest()"> Let the Post req begin! 
      </button> 
    </form> 

    <script type="text/javascript"> 
    JSONTest = function() { 
     $.ajax({ 
     url: "https://app.sender.net/api/", 
     method: "POST", 
     datatype: "JSON", 
     data: { 
      method: "listSubscribe", 
      params: { 
      api_key: "my key number", 
      list_id: "my id number", 
      emails: ["Email", "Fname", "Lname"], 
      update_existing: true 
      } 
     } 
     }); 
    }; 
    </script> 

    <!-- Jquery --> 
    <script src="vendor/jquery/jquery.min.js"></script> 

</body> 

</html> 
+1

をブラウザのコンソール(F12)を確認してください。 「クロスドメイン」エラーが発生する可能性があります。 –

+0

ボタンのタイプを「ボタン」、すなわち、「<ボタンタイプ=」ボタン「...」に変更します。あなたが現在それを打つとき、それは、また、あなたの '<スクリプトのsrcは=「ベンダー/ jqueryの/ jquery.min.jsを」>フォーム通常 – Phil

+0

を提出する'前に**来る必要があります**あなたの他の '

関連する問題