Error while submitting form
Hi All,
I have created an adaptive form and I have a requirement to do certain functions based on the input submitted and show a modal popup once form is submitted successfully.
I have customized submit action as below.
guideBridge.registerConfig("submitConfig", {"useAjax" : true});
guideBridge.submit({
error : function (guideResultObject) {
},
success : function (guideResultObject) {
$.ajax({
url: "/bin/wcm/testproject/books",
data: {dataXml: guideResultObject.data},
success: function(result){
$("#myModal").modal('show');
}});
}
});
It is working as expected on local. But when I try to submit the form on staging, I am getting below error.
Mixed Content: The page at 'https://author-stg.myproject.org/content/test/en/form/country-form.html' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://author-stg.myproject.org/content/test/en/form/country-form/jcr:content/mainContent/guideContainer.guideAsyncThankYouPage.html?owner=Ravi&afSuccessPayload=%7B%22thankYouOption%22%3A%22page%22%2C%22thankYouContent%22%3A%22%2Fcontent%2Ftest%2Fen%2Fform%2Fcountry-form%2Fjcr%3Acontent%2FmainContent%2FguideContainer.guideThankYouPage.html%3Fowner%3DRavi%26status%3DSubmitted%22%7D&status=Submitted'. This request has been blocked; the content must be served over HTTPS.
Why one request is being an http request? How can I solve this?
Kindly advise.
Thanks,
Akhila