How to use JS method's in adaptive form page

[Former Community Member]

I am working on an adaptive form ,in this form there has a button to send an email. I followed this https://helpx.adobe.com/experience-manager/using/creating-custom-cq-email-services.html created custom CQ email services. It works. The adaptive form look likes:

Now I want to use the service when I click the button. I have write a function in a js file. How to use it.

function sendEmail(){
    //Get the email message data
    var server = $('#host').val() ;
 var from = $('#fromAddress').val() ;
    var to = $('#toAddress').val() ;
    var subject = $('#subject').val() ;
    var message = $('#message').val() ;

    var url = location.pathname.replace(".html", "/_jcr_content.email2.json") + "?to="+ to +"&from="+from +"&server="+server +"&subject="+subject +"&message="+message;

    $.ajax(url, {
        dataType: "text",
        success: function(rawData, status, xhr) {      
            try {
    $('#fromAddress').val('');
                $('#toAddress').val('');
                $('#subject').val('');
                $('#message').val('');
            } catch(err) {
                failure(err);
            }
        },
        error: function(xhr, status, err) {
            failure(err);
        }
    });
 }

Thanks,

Jing

[smacdonald2008 · Accepted solution]

The above code is a form that posts data using AJAX. 

To work with an AEM 6 Adaptive Form - see this article:

https://helpx.adobe.com/experience-manager/using/posting-aem-6-form-data.html

You can build the Adaptive form in AEM and learn how to post its data to an AEM service. 

[Former Community Member]

Thanks Scott ! Let me try it.