Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# Ajax MVC jQuery
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 2:28am
Edited 26-Mar-13 2: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
0 OriginalGriff 304
1 Sergey Alexandrovich Kryukov 255
2 Shweta N Mishra 216
3 Maciej Los 210
4 PIEBALDconsult 174
0 OriginalGriff 7,660
1 Sergey Alexandrovich Kryukov 7,072
2 DamithSL 5,586
3 Manas Bhardwaj 4,946
4 Maciej Los 4,665


Advertise | Privacy | Mobile
Web02 | 2.8.1411023.1 | Last Updated 26 Mar 2013
Copyright © CodeProject, 1999-2014
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