How to access client side javascript variable in SSJS?

Question

I am facing difficulties in showing a message. Below is the problem statement :

I have six textboxes on a cloud page which stores six digit coupon code(one digit each). I am trying to show a error message on the same cloud page based on a boolean field stored in data extension if the coupon is invalid. If it is invalid it will not redirected to next page and a message will be displayed.

I had successfully accessed the textboxes using client side javascript and concatenated the digits to form a coupon code and stored in a variable. But i am not able to access this variable in SSJS for further processing.

Please help.

Thanks

Answer 1

Salesforce Marketing Cloud Server Side JavaScript is executed on the SFMC server. You can not interact with DOM.

What I would do is:

1: Create a WS on SFMC side to check if the coupon is valid

2: Call this WS using ajax. This way, there is no need to reload the page.

3: Based on the ajax response, show the error message

Landing Page code:

var serializedData = {
       textboxvalue_1: $("#textboxvalue_1").val(),
       textboxvalue_2: $("#textboxvalue_2").val(),
       textboxvalue_3: $("#textboxvalue_3").val(),
       textboxvalue_4: $("#textboxvalue_4").val(),
      }

    $.ajax({
        url: YOUR_WS_URL,
        type: "POST",
        data: serializedData,
        dataType: "text",
        async: true,
        success: function(response) {
            console.log(response);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            Materialize.toast(textStatus + ' - ' + errorThrown, 4000);
            console.log(textStatus + ' - ' + errorThrown);
        }
    });

WS code:

Get texboxes values using:

SET @texbox1 = RequestParameter("textboxvalue_1")

Do a lookup on your DE:

Return a result using:

OUTPUT(v(@results))