Umbraco - 使用 Ajax 加载内容

Question

我是 Umbraco 的新手，只是开始弄清楚它的来龙去脉。

无论如何，我已经自己弄清楚了文档类型、宏、模板、xslt 文件的工作方式，现在我正在尝试做一些其他的事情。 即我需要使用 AJAX 调用加载文档内容。 它基本上是一个带有菜单（动态，我想出了如何加载）的面板，它根据所选的菜单项（使用菜单加载的文档）加载内容。 我需要弄清楚的是如何使用 AJAX 调用来获取该内容，因为我不想重新加载页面。

这是使用 Umbraco BASE 扩展完成的，还是我的想法在这里？ 如果是这样，具体如何？ 我是否只写一个 class 然后在一个方法中将一个 HTML 字符串拼接在一起？

谢谢您的帮助

Answer 1

您可以使用rest方法。 为此，您必须在 config 文件夹中编辑restExtensions.config 。

Ajax 调用

$.ajax({
        type: 'POST',
        url: "/base/AliasName/GetData.aspx",
        data: {

        },
        success:
                    function (data) {
                    }

    });

restExtensions.config

<ext assembly="/DllName" type="Namespace.ClassName" alias="AliasName">
    <permission method="GetData" returnXml="false" allowAll="true" />
  </ext>

Answer 2

是的，这正是 Base 用于的场景。

您可以在此处找到有关使用 base 的文档：

http://our.umbraco.org/wiki/reference/umbraco-base/simple-base-samples

对于通过 AJAX 消耗碱基，那么 JQuery 就是答案。

http://api.jquery.com/jQuery.ajax/

这是一个被破解的示例（未经测试的代码）：

$(document).ready(function ()
{
    $(".buttonListener").click(function ()
    {
        $.ajax(
        {
            url: '/Base/TestAlias/Hello.aspx',
            success: function (data, textStatus, XMLHttpRequest)
            {
                alert(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Ka pow!");
            }
        });
        return true;
    });

Answer 3

Ajax 在 MVC 中使用 umbraco 调用

$('#TestClick').on('click',function(){
        $.ajax({
            url: 'umbraco/surface/Home/TestPage',
            type: 'POST',
            data: { id:10001},

            success: function (data) {
                alert(data);
            },
            error: function () {
                alert("error");
            }
            });
 })