Umbraco - 使用 Ajax 加载内容

Question

我是 Umbraco 的新手，刚刚开始了解它的来龙去脉。

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

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

感谢您的帮助

Answer 1

您可以使用休息方法。为此，您必须编辑配置文件夹中的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-base/simple-base-samples 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

MVC 中使用 umbraco 进行 Ajax 调用

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

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