当我将 html 数据从部分视图转换为 $(data) 时，它不会返回我希望的 jQuery 对象：
console.log($(data))->[#document]
相反，它返回：
console.log($(data))->[#text, <meta charset="utf-8">, #text, <meta name="viewport" content="width=device-width">, #text, <title></title>, #text, <link href="/css?v=EY1fW53lN3Ow8WxEYembf-Ji7ogVpt21gpjVWDy8x6c1" rel="stylesheet">, #text, <div>default</div>, #text, <div id="test-div">default</div>, #text, <script src="/jsv=k_VAvcysGBhwGVVEK9GAtPakb2vjMfaxz2PhpxPuN0I1"></script>, #text
]
当我对我的数据进行原始控制台日志时，它会返回：
console.log(data)->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
<link href="/css?v=EY1fW53lN3Ow8WxEYembf-Ji7ogVpt21gpjVWDy8x6c1" rel="stylesheet"/>
</head>
<body>
<div>default</div>
<div id="test-div">default</div>
<script src="/js?v=k_VAvcysGBhwGVVEK9GAtPakb2vjMfaxz2PhpxPuN0I1"></script>
</body>
</html>
问题1：如何#test-div从这些数据中提取？
更新 1
这是我的控制器：
public ActionResult Index(string pageName, string categorySlug, string itemSlug)
{
if (categorySlug != null)
{
var category = _db.Categories.SingleOrDefault(x => x.Slug == categorySlug);
if (category == null) return Redirect("/");
ViewBag.Category = category;
if (itemSlug != null && category.Items.SingleOrDefault(x => x.Slug == itemSlug) != null)
{
ViewBag.ItemSlug = itemSlug;
}
else if (itemSlug != null)
{
return Redirect("/i/" + categorySlug);
}
}
ViewBag.PageName = pageName;
return View();
}
这是我的路由：
routes.MapRoute(
name: "Default",
url: "{pageName}/{categorySlug}/{itemSlug}",
defaults: new { controller = "Home", action = "Index", pageName = UrlParameter.Optional, categorySlug = UrlParameter.Optional, itemSlug = UrlParameter.Optional },
namespaces: new string[] { "ClothRent.Controllers" }
);
索引视图：
@{
ViewBag.Title = "";
Layout = "~/Views/Shared/_Layout.cshtml";
string pageName = ViewBag.PageName;
ClothRent.Models.Category c = ViewBag.Category;
}
@switch (pageName)
{
case "info":
Html.RenderPartial("_Info");
break;
case "i":
Html.RenderPartial("_Category", c);
break;
default:
<div>default</div>
<div id="test-div">default</div>
break;
}
_Category部分视图：
@model ClothRent.Models.Category
@{
string zveri = "zveri";
string teli = "teli";
}
@switch (Model.Slug)
{
case "zveri":
@zveri
break;
case "pasaku-teli":
@Html.Partial("_Teli", Model);
break;
}
它是如何工作的：
- 我通过 url 访问
/i/category/它并返回/home/index适当的部分视图数据，请参阅上面我如何获取部分视图。 - 然后，如果用户想要他将继续浏览网站，但不是重新加载页面，我想在女巫情况下执行 htmlPushState，我将对特定控制器进行 ajax 调用，并提取我需要的下一个内容所需的数据。
更新 2
问题 2：有没有办法只使用 JavaScript 渲染从 ajax 调用返回的数据，这样我就不需要专门为 ajax 调用编写 API？
更新 3
谢谢大家的回答，我将来肯定会为独家ajax调用制作api，但现在我不掌握我网站的后端，我找到了一个使用JS的解决方案。