Получим содержимое View с помощью jQuery:
Html
<script>
// Home это контроллер
// Index это метод
$.get("/Home/Index", function (data)
{
...
})
</script>
План (5 шагов)
C#
Добавим метод Show в файл Controllers\HomeController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace WebApplication1.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
return View();
}
// GET: Show
public ActionResult Show()
{
return View();
}
}
}
Файл Views/Home/Show.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Show</title>
</head>
<body>
<div>
Show page
</div>
</body>
</html>
Файл Views/Home/Index.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<!-- подключаем JQuery библиотеку -->
<script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")"></script>
Hello!
<!-- сюда будем вставлять -->
<div id='mydiv1' style='border:1px solid gray;'></div>
<script>
// ждем когда загрузится документ
$(document).ready(function ()
{
// получаем содержимое View по пути контроллера "/Home/Show"
$.get("/Home/Show", function (data)
{
// в элемент с id=mydiv1 всталяем содержимое
$("#mydiv1").html(data);
}).fail(function (data) // обработка ошибки
{
alert('not loaded');
});
});
</script>
</body>
</html>
Ваши Отзывы ... комментарии ...