Question

I put a Ajax link using the following code:

echo chtml::ajaxLink('GO', 'http://localhost/index.php?r=user/delete', array('method'=>'POST'));

But, regardless of giving the second parameter as URL i,e ‘http://localhost/index.php?r=user/delete‘. It generates link with the current URL in the browser not the URL I just specified.
What is the issue? How could I create AJAX link? Google several hours but can’t solve the issue.
Any kind of help is highly appreciated.

Answer 1

First of all, you should always try and create normalized urls.
But i think your doubt lies in the # that is generated/appended. If you go and check the source of yii ajaxLink you’ll see this:

public static function ajaxLink($text,$url,$ajaxOptions=array(),$htmlOptions=array())
{
    if(!isset($htmlOptions['href']))
        $htmlOptions['href']='#';
    $ajaxOptions['url']=$url;
    $htmlOptions['ajax']=$ajaxOptions;
    self::clientChange('click',$htmlOptions);
    return self::tag('a',$htmlOptions,$text);
}

so if you don’t set the href property of the a tag in the htmloptions array, the # will be appended.

You should also understand that yii uses jquery, so if you check out the source of the page, you’ll see at the bottom, how jquery is used to carry out an ajax request, your actual url that is called will also be seen in that script. So the third option/parameter in ajaxLink is for options for jquery’s ajax function. You can create better ajax links using this option.
Regardless of where(which controller) your url points to in your project, the action associated with that url will be called.

So anyway, you can modify your code like this if you want the url to be shown and not a # :

echo CHtml::ajaxLink('GO', 'http://localhost/index.php?r=user/delete',
 array('type'=>POST), //there are various other options for jquery ajax
 array('href'=>'http://localhost/index.php?r=user/delete'));

To make better ajax links i would suggest going through jquery’s ajax documentation. There is an option for a success function, that you can use to let the user know that the operation was completed.

Hope this helps, don’t hesitate to leave comments if i haven’t answered your question completely.