Twilio Ajax response always triggers 'Fail', Despite successfully making call - php

Question

I am trying to make a simple Twilio application, I am broadly following this tutorial : https://www.twilio.com/docs/voice/tutorials/click-to-call-php
I have slightly tweaked and simplified it to suit my needs however, although the problem element doesn't seem any different.
Ajax :
$('#twilio_click_form').on('submit', function(e) {
// Prevent submit event from bubbling and automatically submitting the form
e.preventDefault();
// Call our ajax endpoint on the server to initialize the phone call
$.ajax({
url: '[...]/twilio_click_call',
method: 'POST',
dataType: 'json',
data: {
userPhone: $('#userPhone').val()
}
}).done(function(data) {
// The JSON sent back from the server will contain a success message
alert(data.message);
}).fail(function(error) {
alert('error');
alert(JSON.stringify(error));
});
});
PHP:
public function twilio_click_call()
{
$twilio_creds = array(
'TWILIO_ACCOUNT_SID' => 'xxxx',
'TWILIO_AUTH_TOKEN' => 'xxxx',
'TWILIO_NUMBER' => 'xxxx'
);
$userPhone = $this->input->post('userPhone');
// Create authenticated REST client using account credentials
$client = new Twilio\Rest\Client(
$twilio_creds['TWILIO_ACCOUNT_SID'],
$twilio_creds['TWILIO_AUTH_TOKEN']
);
try
{
$client->calls->create($userPhone, $twilio_creds['TWILIO_NUMBER'],
array("url" => 'http://demo.twilio.com/docs/voice.xml')
);
}
catch (Exception $e)
{
// Failed calls will throw
return $e;
}
return array('message' => 'Call incoming!');
}
The call initiate and runs through perfectly, however the Ajax response always triggers the .fail(), rather than the .done() method - cannot establish why.

Answer 1

There are two things wrong in your code.
1. In ajax call you have defined the datType as json so it will expect the contentType too as json but you're returning the array that is first issue
2. You're calling url inside the url
Use this code:
public function twilio_click_call()
{
$twilio_creds = array(
'TWILIO_ACCOUNT_SID' => 'xxxx',
'TWILIO_AUTH_TOKEN' => 'xxxx',
'TWILIO_NUMBER' => 'xxxx'
);
$userPhone = $this->input->post('userPhone');
// Create authenticated REST client using account credentials
$client = new Twilio\Rest\Client(
$twilio_creds['TWILIO_ACCOUNT_SID'],
$twilio_creds['TWILIO_AUTH_TOKEN']
);
try
{
$client->calls->create($userPhone, $twilio_creds['TWILIO_NUMBER'],
array("url" => 'http://demo.twilio.com/docs/voice.xml')
);
}
catch (Exception $e)
{
// Failed calls will throw
echo json_encode(array($e));
}
echo json_encode(array('message' => 'Call incoming!'));
}