如何在没有Ajax请求的情况下将多个参数从视图传递到控制器

Question

I want to pass multiple parameters from view to controller using jquery without an ajax call and I don't want to use ajax, Because that return is in jquery but I want to return view.

<script>
    $(document).ready(function () {
        $(".addCF").click(function () {
            var Resource = $("#ResourceId option:selected").text();
            alert(Resource);
            var Description = $("#ResourceDescription ").val();
            alert(Description);
            var Count = $("#ResourceCount option:selected").text();
            alert(Count);
            var Cost = $("#ResourceCostId option:selected").text();
            alert(Cost);
            var Duration = $("#ResourceDuration option:selected").text();
            alert(Duration);

            $.ajax({
                url: '@Url.Action("ResourceList", "Home")',
                data: { Resource: Resource, Description: Description, Count: Count, Cost: Cost, Duration: Duration },
                datetype: 'json',
                contenttype: "application/json",
                type: "GET",
                success: function (data) {
                    location.reload();

                }
            });
        });
    });

</script>

Any suggestion please?

Answer 1

You will need a form to submit. Then use .submit() https://api.jquery.com/submit/ If you are using razor your can create a from like this.

@Html.BeginForm("YourAction", "YourController", FormMethod.Post)

Then have your controller return a view.