Forum Discussion

iftomkins's avatar
iftomkins
Maven
10 years ago

How to run Freemarker code on click?

I have a bit of freemarker code which updates a user's profile fields:    <#-- Call user click, set accepted terms --> <#assign response = restadmin("/users/id/${user.id}/profiles/name/ideas_terms...
  • JasonL's avatar
    JasonL
    10 years ago

    hi iftomkins 

    from the screenshot, i roughly guessed your Community :-)

     

    took a look at your endpoint, instead of

    <#return "test"?json_string />

    try this (since it's application/json - that's what you should be returning, the #return in freemarker is more for freemarker function calls)

    { "status": "ok" }

     

    the endpoint should work ... then the client-side ajax should be working too ... i hope

JasonL's avatar
JasonL
Lithium Alumni (Retired)

hi iftomkins 

one suggestion is:

  • write an endpoint, something like this:
    • <#if user.registered>
...
    <#assign ideas_terms_accepted= http.request.parameters.name.get("ideas_terms_accepted", "false") />
        <#if ideas_terms_accepted?? >
        ${rest("/users/self/profiles/name/ideas_terms_accepted/set?value=${ideas_terms_accepted}")}
    </#if>

...
  
</#if> 
    • in studio, you will see  a preview of your endpoint directly below, mouseover to get the url of your endpoint
  • write a custom component that invokes the endpoint
    • you can use a standard HTML form or AJAX call, which ever is preferred
    • standard form is something like this:
    • <form action="/<<relative url to your endpoint>>" method="post">
  Click here to accept ideas terms:<input type="checkbox" name="ideas_terms_accepted" value="true" checked>I accept ideas term<br/> 
  <input type="submit" value="Submit">
</form> 
    • the ajax will be similar to the link you provide, just change url to your endpoint
  • add the above custom component to appropriate page quilt

 

Hopefully that clarifies, otherwise probably best to reach out to your local Services team (via Sales or Support)

iftomkins's avatar
iftomkins
Maven
10 years ago

Thank you, JasonL ! Seems to work. My only question is how to redirect the user back to the page they were on when they clicked "Submit"? I'm stumped at the actual redirect part.

 

I know I can add a return url parameter (?return=http://fitbit.com), and capture it like this:

 

<#assign returnUrl = http.request.parameters.name.get("return","") />

 

However, how do I redirect users back from the Endpoint? After the form submission I end up on a blank page (screenshot attached). I tried to implement a redirect, but the freemarker ones can be only used on the page initialization page: 

${http.response.setRedirectUrl("http://returnwebsite.com")}.

 

Thanks!

 

 

 

 


Screenshot 2015-03-12 17.45.03.png
  • JasonL's avatar
    JasonL
    Lithium Alumni (Retired)
    10 years ago

    hi iftomkins 

    From what i understood, only the Services team via backend java endpoint is able to do the redirect (but that will require a Services engagement)

     

    If it's studio endpoint, i'm afraid you have to use javascript. Possibilities include:

    • client-side ajax form post to endpoint (and upon success, do client-side window.location("/") to redirect)
    • or add javascript to your endpoint that does client-side window.location("/") on load

     

     

    • iftomkins's avatar
      iftomkins
      Maven
      10 years ago

      Thanks, JasonL ! I tried add Javascript to the endpoint, but it wasn't being evaluated and instead output as text. So I went with your first suggestion, posting with ajax from the custom component, but I'm still getting an error.

       

      This is the custom component code, with Ajax POST submit:

      Click here to accept ideas terms: I accept ideas term

      <@liaAddScript>
;(function($) {

$("form#ideasForm").on("submit",function(e){
    var postData = $(this).serializeArray();
    var formURL = $(this).attr("action");
    console.log('got here 1');
    console.log(postData);
    console.log(formURL);
    e.preventDefault();
    $.ajax({
        url : formURL,
        type: "POST",
        data&colon; postData,
        success:function(data, textStatus, jqXHR) 
        {
         console.log('got here 2');
         window.location('http://website.com');
        },
        error: function(jqXHR, textStatus, errorThrown) 
        {
        console.log('got here 3', errorThrown);   
        }
    });
    e.preventDefault(); //STOP default action

});
//$("form#ideasForm").submit(); //Submit  the FORM
})(LITHIUM.jQuery);

      Here is the Endpoint code:

      <#if user.registered>
    <#assign ideas_terms_accepted = http.request.parameters.name.get("ideas_terms_accepted", "false") />
        <#if ideas_terms_accepted?? >
        ${rest("/users/self/profiles/name/ideas_terms_accepted/set?value=${ideas_terms_accepted}")}

      Error received: ""Unexpected end of input". I think it's because the endpoint doesn't like the way the data is being passed to it. How does the endpoint want the data passed?

       

      • JasonL's avatar
        JasonL
        Lithium Alumni (Retired)
        10 years ago

        quite possibly the endpoint is not returning any data

        try changing your endpoint to return something (can be anything - eg. json/html/xml with success indicator etc)