Ajaxlink Update Problem

Yii 1.1 General Discussion
1

can’t figure why ajaxlink dont update element.

Thanks for the help.




echo CHtml::ajaxLink(

            "Criar Utilizador", Yii::app()->createUrl('utilizadores/create'), array(

        'type' => 'POST',

        'update' => '#UserForm',

        'beforeSend' => "function( request )

                     {

                     }",

        'success' => "function( data )

                  {

                   

                  }",

            ), array(

        'class' => 'btn btn-primary'

            )

    );

<div id="userForm" class="span-5"></div>
2

Before anything else, try making sure the case matches. You have id="userForm" and "#UserForm".

3

Sorry Led for the interruption but I just want to ask Keith a question about ajax.

Hi Keith, can you explain to me about these code above. As my knowledge, the basic ajax, in the server side, it only processes data and return a variable like : echo $response. But in the code, we have:


'beforeSend' => "function( request )

                     {

                     }",

        'success' => "function( data )

                  {

                   

                  }",

            ),

So which one is the $response in that case? How do we know which one is $response?

And also, for the server-side( in this example, : utilizadores/create), in the UtilizadoreController, we should return it as: echo $response or send to a view?

What I mean by is what we have to do in the server-side when we receive the request of an ajax function. It would be great if there is a sample code of ajax in both side in Yii. Thank a lot

4

maybe a litle bi tired :blink:

5

@clonevn

The options that are being used are documented here.

The documentation for the success callback (from the jQuery site) states:

So the response from the server is held in the first parameter, which is named data in your case. This might contain HTML, JSON or something else depending on what your action outputs. You should use the dataType attribute to specify the format of the data that your action provides.

In your action, if you want to output JSON for ajax requests, you can do something like this:




    if (Yii::app()->request->isAjaxRequest)

    {

        echo CJSON::encode($results);

        Yii::app()->end();

    }

@ Led

Did that work?

6

Well, but in the Controller, the output is :$this->render (array…) not echo $data or something. And do I have to create a new Controller to handle ajax function? For example I have controller and view for url: site/index, if I use ajax in this view, I should send it to another controller/view or could send it back to site/index? When the ajax send request to site/index controller, the variables will be 2:

In the controller:




 if (isset($_POST['ajaxrequest']))

{

   //  do default stuff;

   //  add more thing for ajaxrequest;

$this->render('site/index',array('stuff'=>$stuff, 'ajaxResponse'=>$ajaxResponse;)

}else 

{

  //  do default stuff;

$this->render('site/index',array('stuff'=>$stuff));

}

In the view:




// render default view from $stuff


<javascript>ajax code here</javascript>

<div = 'display>

// display $ajaxresponse here when the ajax function run successfully.

</div>

Is this correct?

7

It’s the same echoing or showing a renderPartial view.

‘beforeSend’ is for other things, check JQuery->Ajax()->beforeSend documentation.

In your server side, you should check for a parameter in $_GET.

For example, the ajax URL will be:

admin/showdata/ajax/data-grid

Which means that the controller is ‘admin’, the action is ‘showdata’ and $_GET will have ‘ajax’=>‘data-grid’.

So you check isset($_GET[‘ajax’] and then renderPartial(’_showdata’), else render(‘showdata’) (the full one).

Jquery will get the response as all the text echoed/outputted/render/whatever.

Press F12 or install firebug and you will see the ajax parameters, response, headers, etc.

Take a look at JQuery .ajax() documentation.

8

Don’t use the render method if you’re outputting JSON; render will generate an HTML page. If you want to output JSON, use echo CJSON::encode($yourData);

Regarding how to handle the Ajax requests, that’s very much a personal decision and will depend on how you’ve structured your application. Regardless of whether you split ajax and non-ajax functionality into different controllers, I would suggest having each action dedicated to either rendering a page or echoing JSON data; don’t do both things in the same action.

If your javascript callback is expecting HTML, then you can use render (or renderPartial).

9

http://www.yiiplayground.com/index.php?r=AjaxModule/ajax/ajaxRequest