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");
            }
            });
 })