topic Re: Hubspot form API 405 error in APIs & Integrations

Hubspot form API 405 error

piersg — Thu, 23 Jan 2020 18:05:22 GMT

I'm trying to push form data to Hubspot using the API (https://developers.hubspot.com/docs/methods/forms/submit_form_v3) but I'm getting a 405 error.

Problem accessing /submissions/v3/integration/submit/[portalID]/[formGUID]

Reason: Method Not Allowed

// The following is inside a click event on a button

  var data = {
    "fields": output,
    "context": {
      "hutk": hubCookie,
      "pageUri": pageURL,
      "pageName": pageName
    },
    "legalConsentOptions": {
      "consent": {
        "consentToProcess": true,
        "text": "I agree to allow Company to store and process my personal data.",
        // "communications": [
        //   {
        //     "value": true,
        //     "subscriptionTypeId": 999,
        //     "text": "I agree to receive marketing communications from Example Company."
        //   }
        // ]
      }
    },
    'skipValidation': true,

  }

  if ($(this).is('.step1')) {
    $.ajax({
      url: 'https://api.hsforms.com/submissions/v3/integration/submit/[portalID]/[formGUID]',
      type: "POST",
      contentType: "application/json",
      dataType: "json",
      headers: {
        "accept": "application/json",
        "Access-Control-Allow-Origin":"*"
      },
      type: "POST",
      data: data,
      success: function (result) {
        console.log(result);
      },
      error: function (status, error) {
        console.log(error, status);
      }
    });
  }

I appreciate any help 🙂

Edit:

I'm getting this error:

"Invalid input JSON on line 1, column 8: Unrecognized token 'fields': was expecting 'null', 'true', 'false' or NaN" which seems like it might be to do with stringify-ing the JSON first, but my JSON is.

What I get when I console log the output of the "output" variable I'm using for the fields

[{"name":"firstname","value":"as"},{"name":"lastname","value":"as"},{"name":"email","value":"as@a.com"}]

Re: Hubspot form API 405 error

WendyGoh — Fri, 24 Jan 2020 06:37:17 GMT

Hey @piersg,

Looking at your code, nothing major really stood out and I think your hypothesis may be right. In this case, could you try JSON stringify the data by replacing the following code:

data: data,

data: JSON.stringify(data),

and see if this works?

Re: Hubspot form API 405 error

piersg — Fri, 24 Jan 2020 11:20:47 GMT

Hey @WendyGoh

With that addition I'm now getting

"Invalid input JSON on line 1, column 11: Cannot deserialize instance of `java.util.ArrayList` out of VALUE_STRING token"

Edit

I've got valid JSON now! Just getting "The request is not valid" error message

Edit 2

The invalid request was because CAPTCHA was enabled on the form

Re: Hubspot form API 405 error

WendyGoh — Wed, 29 Jan 2020 01:12:42 GMT

Hey @piersg,

Awesome! Glad to know all's well here!

Thanks for sharing your findings 🙂

Re: Hubspot form API 405 error

Nagarjoon — Tue, 23 Apr 2024 13:19:07 GMT

It sounds like you're encountering a "Method Not Allowed" error (405) when trying to push form data to HubSpot's API. This error typically occurs when the HTTP method used in your request is not supported by the endpoint you're trying to access. In this case, it seems like you might be using an incorrect HTTP method. The documentation you provided specifies that you should use the POST method to submit form data to HubSpot's API. Double-check your code or request to ensure that you're indeed using the POST method. Additionally, ensure that you're using the correct endpoint URL, including your portal ID and form GUID placeholders. If the issue persists, review your API credentials and permissions to ensure they have the necessary access to submit form data. Finally, consider reaching out to HubSpot's support or consulting their documentation for further assistance or troubleshooting tips tailored to your specific situation.