백엔드가 아닌 가입 양식을 사용하여 API에 POST 요청을 보내는 방법

내 가입을 sender.net API에 연결하는 방법을 알아 내려고합니다. 그러면 누군가가 양식을 채우면 내 구독자 목록에 추가됩니다. Sender.net 도움이 정보로 날 제공 :백엔드가 아닌 가입 양식을 사용하여 API에 POST 요청을 보내는 방법

API가 POST를 사용하여, HTTP protocool 통해 구현됩니다. 응답은 json으로 반환됩니다.
요청 된 모든 API는 http://app.sneder.net/api/api으로 보내야합니다.
요청 데이터는 json, POST 매개 변수 data에 인코딩되어야합니다.

나는이 코드를 작성하지만 아무것도 내 가입자 목록에 표시되지 않습니다, 아래를 참조하십시오 :

<!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>

출처

2017-11-16 Alexander Thomsen

브라우저 콘솔 (F12)를 확인합니다. "교차 도메인"오류가 발생할 수 있습니다. –

'type '버튼을'button'으로 변경하십시오. 즉,'

또한 '이 (가) ** 다른 **'

백엔드가 아닌 가입 양식을 사용하여 API에 POST 요청을 보내는 방법

관련 문제