Breaking News: Grepper is joining You.com. Read the official announcement!

mvc asp.net partial view from js

Av3 answered on October 5, 2020 Popularity 10/10 Helpfulness 1/10

answer mvc asp.net partial view from js

mvc asp.net partial view from js

Comment

-1

//You can call a Partial View through AJAX

<div id="containerId"></div>

$.ajax({
    type: "Get",
    url: '<Your url>/GetView',
    data: mydata,
    contentType: "application/text; charset=utf-8",
    dataType: "text",
    success: function (data, status) {
      	//Use append to add it to the div and not overwrite it 
		//if you have other data in your container
        $('#containerId').append(data);
    },
    error: function (err) {
        console.log(err);
    }
});

//In C#

/// <summary>
/// Renders a single view.
/// NOTE : PARTIAL VIEW CANNOT RENDER MULTIPLE VIEWS!
/// Instead loop through them.
/// </summary>
/// <param name="obj">JSON object containing input data</param>
/// <returns></returns>
[HttpGet]
public ActionResult GetView(string obj)
{
    //Parse the object into a model
    try
    {
        MyModel model = (new JavaScriptSerializer()).Deserialize<MyModel>(obj);
        return View("<Your View name>", obj);

    }
    catch (Exception ex)
    {
        return Json(ex.Message, JsonRequestBehavior.AllowGet);
    }

}

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: asp.net javascript partial view

Link to this answer
Share Copy Link

Contributed on Oct 05 2020

Av3

0 Answers Avg Quality 2/10

mvc asp.net partial view from js

Contents

More Related Answers

mvc asp.net partial view from js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.