asp net mvc ajax load partial view
<script>
$(document).ready(function () {
$("#button1").click(function () {
$("#div1").load("/Home/GetPartial");
});
});
</script>asp net mvc ajax load partial view
<script>
$(document).ready(function () {
$("#button1").click(function () {
$("#div1").load("/Home/GetPartial");
});
});
</script>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);
}
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
