Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

mvc asp.net partial view from js

//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);
    }

}
 
PREVIOUS NEXT
Tagged: #mvc #partial #view #js
ADD COMMENT
Topic
Name
6+4 =