Unable to bind model in ajax.beginform() or ajax.actionLink() postback

Question

when I am posting the form back using Ajax.ActionLink() I am getting null values for all the properties. I have also tried the same using @ajax.beginform(). But i ended up with an error "Unexpected token u" in the console. Please help.

My class goes like this

public class Search
{
    public string SearchText { get; set; }
    public int ContinentId { get; set; }
    public string City { get; set; }
}

My View goes like this

@model MvcApplication5.Models.BusinessLogic.Search
@{
ViewBag.Title = "Index";
var continetList = (SelectList)ViewBag.TargetContinentName;
var infoTypesList = (List<SelectListItem>)ViewBag.Infotype;
}
@Html.TextBoxFor(m => m.SearchText)<br/>
 @Ajax.ActionLink("Search", "Search", "Home", new AjaxOptions{    HttpMethod = "POST",    UpdateTargetId = "submitId",  InsertionMode = InsertionMode.Replace,
LoadingElementId = "loadingId"})
</div>

My controller goes like this

//POST:/Home/
    [HttpPost]
    public PartialViewResult Search(Search search, int? page)
    {
        //Code goes here
        //Here the object search is giving me null values for all the properties
        return PartialView("_Search",listInfo);
    }

score 0 · Answer 1 · answered May 28 '14 at 11:50

0

you have to use Ajax.BeginForm like this:

@model MvcApplication5.Models.BusinessLogic.Search
@{
ViewBag.Title = "Index";
var continetList = (SelectList)ViewBag.TargetContinentName;
var infoTypesList = (List<SelectListItem>)ViewBag.Infotype;
}

 @using (Ajax.BeginForm("Search", "Home", 
 new AjaxOptions
{
    HttpMethod = "POST",
    UpdateTargetId = "submitId",
    InsertionMode = InsertionMode.Replace,
    LoadingElementId = "loadingId"
}, 
new  { page = 1}))
{
@Html.TextBoxFor(m => m.SearchText)
@Html.HiddenFor(m=>m.ContinentId)
@Html.HiddenFor(m=>m.City)

<input type="submit" value="Search" name="Search"/>
}

answered May 28 '14 at 11:50

Ehsan Sajjad

61,834
16
105
160

for @ajax.beginform() the error is- Uncaught SyntaxError: Unexpected token u – Swagat Swain May 28 '14 at 12:14
And for @ajax.actionLink- I am getting a null value in the Search controller – Swagat Swain May 28 '14 at 12:15
using ajaxlink you can't post its only get request and i tested on m,y system its not throwing any error you are doing some other thing wrong i suspect – Ehsan Sajjad May 28 '14 at 12:17
its showing me some error exactly here- jQuery.parseJSON = function( data ) { return JSON.parse( data + "" ); }; – Swagat Swain May 28 '14 at 12:25
Its not working. The button is posting the form back to the server – Swagat Swain May 28 '14 at 12:36
1

you have to include jquery unobtrusive ajax file to work ajax post – Ehsan Sajjad May 28 '14 at 12:45
added that. I am seeing null values in the controller. – Swagat Swain May 28 '14 at 13:08
No ajax form is showing root. I am getting the null values in ajax.actionlink – Swagat Swain May 28 '14 at 18:25
you have to use AjaxForm not actionlink – Ehsan Sajjad May 28 '14 at 18:25

Unable to bind model in ajax.beginform() or ajax.actionLink() postback

1 Answers1