How do I render my partialview inside my main view or can I update the values in another way?

Question

I have the following problem: So I built a search function for an OrderId in Nopcommerce and I want to update two values (Buyer Name) and (Purchase Reason) in a table in my main view instead of how it is now, where I render them in a partial view but it appears on the main page.

Example:

How it is at the moment after I click search button :

My controller that renders the partial view:

And here:Part of my SearchResult.cshtml partial view where the values appear

I want it to appear somewhere here (My startview.cshtml as you can see I tried some things but nothing seems to work, Ill delete those)

Thank you in advance!

Answer 1

You can achieve this using ajax call.

            var request = {
                OrderId: $('#OrderId').val(),
            }
            $.ajax({
                url: "/Home/DisplayBuyerName",
                type: "GET",
                data: request,
                contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
                success: function (data) {
                    $("#SearchResult").html('').html(data);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(errorThrown);
                    return false;
                }
            });

html:

<div id="SearchResult"> </div>

So now your partial view is placed in SearchResult div.