Sencha touch 2无法让Ajax调用工作

Question

I have this simple function which I call from my applications launch() function:

function ajaxCall(){
  Ext.Ajax.request({
    url: 'ajax/Hello!', // Request should go to host/ajax url as http get request
                 // and server should return plain text `Hello!` as answer
    success: function(response){
      prompt('Ajax call success!', response.responseText); // My own prompting method
    }
  });
}

The problem is that this request doesn't seem to get made. It doesn't show up on my Play framework server or in Google Chrome's network developer tab.

EDIT Program also seems to get stuck to the Ext.Ajax.request function.

Answer 1

The Following Code for ajax calling working well for me.

Ext.Ajax.request({
    async : true,
    url : 'api/login/',
    method : 'POST',
    jsonData : {
        "email":Ext.getCmp('loginUserNameTxtBoxId')._value,
        "pwd":Ext.getCmp('loginPasswordTxtBoxId')._value,
    },
    success : function (request, resp) {
        alert("in login success");
    },
    failure: function(request, resp) {
        alert("in failure");
    }
});

Answer 2

Your url should be a http url. You should also specify the action (GET, POST) for example. You already specified that you want to do an ajax call by using Ext.Ajax.request.

If you want to use parameters, use a parameter object.

example:

 Ext.Ajax.request({
        url : 'http://google.com/api/blabla',
        method: 'GET',
        params: {
            username: 'bla',
            password: 'blabla'
        },
        success: function(response, request) { console.log('success'); }
    });  

Check the network tab in your chrome developer tools if the request has been made.

Answer 3

I noticed that I forgot to add the Ext.Ajax to my applications requires field. After adding it everything works just fine.