I am having issue with an API while calling it through Jquery/Ajax.. I am getting 405 error... Can anyone please fix my code, so i can make it workable.. please i really need it.
error i am getting:
here is my code:
<script>
jQuery.noConflict();
(function( $ ) {
$(function() {
$("#register_form").submit(function(){
console.log("Wellness API Initiated!");
var api_user_name = $("#user_name").val();
var api_user_email = $("#user_email").val();
var api_payment_first_name = $("#payment_first_name").val();
var api_payment_last_name = $("#payment_last_name").val();
var api_user_password = $("#user_password").val();
var api_client_address_one = $("#client_address_one").val();
var api_client_address_two = $("#client_address_two").val();
var api_client_city = $("#client_city").val();
var api_client_state = $("#client_state").val();
var api_client_zip = $("#client_zip").val();
var api_client_gender = $("#client_gender").val();
var api_client_home_phone = $("#client_home_phone").val();
var api_client_cell_phone = $("#client_cell_phone").val();
var api_client_work_phone = $("#client_work_phone").val();
var api_client_birth_date = $("#client_birth_date").val();
//alert(api_payment_first_name + api_user_name + api_client_zip);
$.ajax({
type: "POST",
url: "https://api.MYEWELLNESS.com/api/v1/services/membership/create",
headers: {
'Authorization':'Basic VitalAlert:5kpN9cYTafnVmZTS',
'Content-Type':'application/json'
},
data: "user_name="+api_user_name+"&password="+api_user_password+"&first_name="+api_payment_first_name+"&last_name="+api_payment_last_name+"&address1="+api_client_address_one+"&address2="+api_client_address_two+"&city="+api_client_city+"&state="+api_client_state+"&country=US&zip="+api_client_zip+"&email="+api_user_email+"&phone="+api_client_home_phone+"&work_phone="+api_client_work_phone+"&cell_phone="+api_client_cell_phone+"&gender="+api_client_gender+"&birthdate="+api_client_birth_date,
datatype: "json",/*
beforeSend: function(xhr) { xhr.setRequestHeader("Authorization", "Basic " +"Vml0YWxhbGVydA==:MTI5OTky"); },*/
success: function(msg){
console.log("Success: "+msg);
alert("success");
alert(data);
return flase;
},
error: function(error){
console.log("Failed: "+error);
alert("false");
alert(data);
return false;
}
});
console.log("API Fire Complete!");
return false;
});
});
})(jQuery);
</script>
This issue is being resolved by sending the request and data from the "CURL".. Ajax/Json is blocking the request while sending query.. So I change the code to CURL request and it's start working..
Thank you everyone for your help.