Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page???

hi,

I am using Ajax.actionlink helper method to show a partial content in same page. But, its not behaving as like i expected. It opened the rendered partial view in new page. How to resolve it ? I have included all jQuery and Microsoft ajax js files in script folder. Please help... heres the code.

<div id="ExampleOfAjaxLink">
@Ajax.ActionLink("EditAjax", "EditAjaxTest", new AjaxOptions
            {
                HttpMethod = "Get",
                UpdateTargetId = "ExampleOfAjaxLink",
                InsertionMode = InsertionMode.Replace
            })
</div>

and in controller i have written like this

public PartialViewResult EditAjaxTest()
        {
            RestaurantReview review = _db.Reviews[0];
            return PartialView("_Review", review);
        }

Thanks

Re: Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page???

Hmm.. why @ajax.actionLink is inside of div that will be replaced? I think it should be

@Ajax.ActionLink("EditAjax", "EditAjaxTest", new AjaxOptions
            {
                HttpMethod = "Get",
                UpdateTargetId = "ExampleOfAjaxLink",
                InsertionMode = InsertionMode.Replace
            })
<div id="ExampleOfAjaxLink"></div>

The action controller should be

public ActionResult EditAjaxTest()
{
     RestaurantReview review = _db.Reviews[0];
     return PartialView("_Review", review);
}

Hopefully this answers your question.

Danny Mualim

Re: Ajax.ActionLink not placing the rendered content in same page. Instead it open up a new page???

Hi everyone i solved it .

We have to include the "jquery.unobtrusive-ajax.min.js" file reference in the view.

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>