Ajax request not working

[conceptmedical]

I have created a custom button in contact and trying to call ajax on click event but not getting any response.

Espo.define('custom:views/contact/detail', 'views/detail', function(Dep){
return Dep.extend({
setup: function(){
Dep.prototype.setup.call(this);

this.addMenuItem('buttons', {
name: 'DocStatus',
label: 'Doc Status',
style: 'primary',
acl: 'edit',
action: 'GetDocStatus'
}, true);
},

actionGetDocStatus: function(){
this.notify('Wait... fatching the document status.');

var url = 'https://ipinfo.io/json';
var data = '';
var options = '';

Espo.Ajax.getRequest(url)
.then(response => {
console.log(response);
})
.catch(xhr => {});

}
});
})

Above link in working and giving output in postman and there in EspoCRM Error 404 is showing.
Please help me on this one, Any help is appreciated, Thanks in Advance

[Kharg]

Hi,


It's better if you develop a custom button for this purpose.

https://docs.espocrm.com/development/custom-buttons/

what would you like to accomplish after making this call?

[conceptmedical]

Hi Kharg, thank you for your prompt response.
With the reference link only I have created that but ajax is not showing the response.

The button is showing perfectly but on click event it should give the output in console but its giving error.



And the ajax URL changed to my Espo CRM URL + Ajax URL

[Kharg]

This should be working:

define('custom:views/contact/detail', 'views/detail', function(Dep) {
    return Dep.extend({
        setup: function() {
            Dep.prototype.setup.call(this);
            this.addMenuItem('buttons', {
                name: 'DocStatus',
                label: 'Doc Status',
                style: 'primary',
                acl: 'edit',
                action: 'GetDocStatus'
            }, true);
        },
        actionGetDocStatus: function() {
            this.notify('Wait... fetching the document status.');
            var url = 'https://ipinfo.io/json';
            var model = this.model;

            fetch(url)
                .then(response => {
                    if (response.ok) {
                        return response.json();
                    } else {
                        throw new Error('Error:', response.status);
                    }
                })
                .then(data => {
                    model.set('name', data.ip);
                    model.save();
                })
                .catch(error => {
                    console.error('Error:', error);
                });
        }
    });
});​​ 

be ware that the forum may append invisible characters.

We can't use espo.ajax as it preappends an API base path api/v1 to each request URL.

I do remember that there was a way to avoid it but I can't find it.

https://docs.espocrm.com/development/frontend/ajax/#request-options

P.S. Usually it's better to perform these actions using a php controller or an API action and then you can use Espo.ajax to call your endpoint.

[conceptmedical]

Kharg, can you tell me where I can apply the parameters like username and password in this case.

[conceptmedical]

This should be working:

define('custom:views/contact/detail', 'views/detail', function(Dep) {
return Dep.extend({
setup: function() {
Dep.prototype.setup.call(this);
this.addMenuItem('buttons', {
name: 'DocStatus',
label: 'Doc Status',
style: 'primary',
acl: 'edit',
action: 'GetDocStatus'
}, true);
},
actionGetDocStatus: function() {
this.notify('Wait... fetching the document status.');
var url = 'https://ipinfo.io/json';
var model = this.model;

fetch(url)
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error('Error:', response.status);
}
})
.then(data => {
model.set('name', data.ip);
model.save();
})
.catch(error => {
console.error('Error:', error);
});
}
});
});​​ 

be ware that the forum may append invisible characters.

We can't use espo.ajax as it preappends an API base path api/v1 to each request URL.

I do remember that there was a way to avoid it but I can't find it.

https://docs.espocrm.com/development/frontend/ajax/#request-options

P.S. Usually it's better to perform these actions using a php controller or an API action and then you can use Espo.ajax to call your endpoint.

On above example perameter data is not passed, I have checked with shared ajax link but its giving 404 error. Kharg, can you help me to get the ajax response using perameter(data).