Click here to Skip to main content
13,090,446 members (41,979 online)
Rate this:
 
Please Sign up or sign in to vote.
See more:
I have a View 'Parent' in my application , I am using @Html.BeginForm & a submit button to save data of Parent view . I also have one partial view inside Parent view , I am trying to call ajax method(using jQuery) from partial view but each time it redirects me to action method of parent form.
Parent View
@using (Html.BeginForm("Test1", "Home", new { id = 1 }, FormMethod.Get))
    {
        @Html.Partial("TestPartial", Model)
        <div>
            <input id="Button1" type="submit" value="Parent" />
        </div>
    }



Partial View
<script>
function onClientClick() {
        $.ajax({
            url: "/Home/Test2",
            type: "GET",
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify({ ID: 1 }),
            cache: false,
            success: function (data) {
                alert('Success');
            },
            error: function (err, result) {
                alert("Error" + err.responseText);
            }
        });
    }
</script>
<div>
<input type="submit" name="submit" onclick="onClientClick()" value="Submit" />
</div>


Thanks.
Posted 26-Mar-13 1:28am
Updated 26-Mar-13 1:32am
v2

1 solution

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

Is there any reason to have two submit buttons as well as two different calls, one through form, one through ajax.

1. Get rid of the ajax

@using (Html.BeginForm("Test1", "Home", new { id = 1 }, FormMethod.Get))
    {
        @Html.Partial("TestPartial", Model)
        <div>
            <input id="Button1" type="button" value="Parent" />
        </div>
    }
 
partial
<div>
<input type="submit" name="submit" onclick="onClientClick()" value="Submit" />
</div>


2. Get rid of form action
@using (Html.BeginForm(null, null, new { id = 1 }, FormMethod.Get))
    {
        @Html.Partial("TestPartial", Model)
        <div>
            <input id="Button1" type="submit" value="Parent" />
        </div>
    }
 
partial the same
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy |
Web04 | 2.8.170813.1 | Last Updated 26 Mar 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100