how to make ajax request in Yii?

Question

I want to make an ajax request to allow the user to send some data from input field to database and then return it to the input field, as same as the comment box, so the data should inserted into the database and then displayed in the input field without reloading the page, here is my code:

function getHTTPObject(){
   if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
   else if (window.XMLHttpRequest) return new XMLHttpRequest();
   else {
      alert("Your browser does not support AJAX.");
      return null;
   }
}   


// Implement business logic    
function doWork(){    
    httpObject = getHTTPObject();
    if (httpObject !== null) {
        httpObject.open("GET", "a page or a controller action"
                       , true);
        httpObject.send(null); 
    //    httpObject.onreadystatechange = setOutput;
    }
}

so, how I can make a request that can call a controller action without leaving the entire page?

By making the request to the `url` that is mapped to the controller. — christopher, Jun 22 '14 at 11:36

score 3 · Accepted Answer · edited May 23 '17 at 12:27

3

First, to make the Ajax request I suggest you to use jQuery. It will be a lot easier.

Here is an example (using jQuery) :

jQuery.getJSON('/path/to/your/controller/someAction/',function(response) {
 console.log('Server reply : ',response);
}

In your controller's action do not forget to send output as json :

public function actionSomeAction()
{
    die(json_encode("This is my response"));
}

edit : If you don't need jQuery, see this SO answer for making Ajax call without jQuery : https://stackoverflow.com/a/8567149/911718

edited May 23 '17 at 12:27

Community

1
1

answered Jun 22 '14 at 11:49

Kevin Labécot

2,005
13
25

If you're *just* making AJAX requests, there's no point pulling down the entire `jQuery` toolkit. Better to just do it in vanilla Javascript. – christopher Jun 22 '14 at 11:50
It might be worth including a link to / some example code in vanilla Javascript. – christopher Jun 22 '14 at 11:53
I added a link to a SO answer with both answer (ajax call with/without jQuery). – Kevin Labécot Jun 22 '14 at 11:56

how to make ajax request in Yii?

1 Answers1