如何让 AJAX 从 MVC 中的控制器中获取数据？

Question

所以，我有这个 AJAX 调用，我想做的是让控制器将字符串作为 JSON 对象返回到我的 ajax 调用所在的视图。现在事情就是这样。我不知道该怎么做，哪个班级可以帮助我做到这一点。我尝试过的一切都不起作用。我的问题是，当我使用 $.post 方法时，如何让 AJAX 从控制器“抓取”数据？

由于人们对我的 Javascript 发表评论，我不介意，我稍后会修复它。问题是

如何从 MVC 中的控制器返回任何我想要的东西？控制器是我需要帮助的地方

这是我的电话：

<script>
    $(document).ready(function () {
        alert("document ready");

            // Attach a submit handler to the form
        $("#searchForm").submit(function (event) {
            alert("submitsearchForm");
                //event.preventDefault();

                // Get some values from elements on the page:
                var $form = $(this),
                query2 = $form.find("input[id='query']").val(),
                url = "/umbraco/Surface/SearchDictionarySurface/HandleDictionarySearching/";

                alert("query2" + query2);

                // Send the data using post
                var posting = $.post(url, { query: query2 });

                alert(url);

                //Put the results in a div
                posting.done(function (query2) {
                    var content = //bla bla bla;
                    $("#result").empty().append(content);
                    alert(query2);
                });

            });
        });    
</script>

另外，我正在使用 Umbraco。这就是表面控制器的原因：

using MyUmbraco.Models;
using System.Web.Mvc;
using Umbraco.Web.Mvc;

namespace MyUmbraco.Controllers
{
    public class SearchDictionarySurfaceController : SurfaceController
    {
        // GET: SearchDictionarySurface
        [HttpPost]
        [ValidateAntiForgeryToken]
        public JsonResult HandleDictionarySearching(string query)
        {
            if (!string.IsNullOrEmpty(query))
            {

                var query2 = Json.parse(query);

                //return Json object????
                //I NEED HELP HERE
            }

            else
            {
                return Json(new
                {
                    redirectUrl = Url.Action("Index", "Home"),
                    isRedirect = true
                });
            }
        }
    }
}

Answer 1

所以，对于任何可能需要我所需帮助的新手（因为我一直在为 AGES 寻找这个东西，但没有人回应，你可以这样做：

您的 JQuery 回调函数和您的控制器必须具有相同的变量。例如：

控制器：

public JsonResult ExampleName(string query)
        {
            if (!string.IsNullOrEmpty(query))
            {

                //YOUR CODE HERE
               return Json(yourDataHere);
            }

            else
            {
                return Json(new
                {
                    redirectUrl = Url.Action("Index", "Home"),
                    isRedirect = true
                });
            }
        }

以及JQuery回调函数：

posting.done(function (data) {
                  //your callback function here
                   });

这就是 JQuery 在返回控制器时知道从控制器“抓取”什么的诀窍。确保您返回 Json(yourDataHere)。如果您想知道，是的，只需在函数中写入“数据”，它就会自行从控制器中获取 yourDataHere。

另外，请确保您的表单和控制器中都有 AntiForgeryToken，或者都没有。如果你只在你的控制器中拥有它，它不会让你通过 JQuery 控制一切。

Answer 2

您的 javascript 中存在一些问题。

尝试遵循这种模式：

posting.done(function (response) {
    var JSONData = JSON.parse(response);
    // do something with your json
    // ....
    // Then append your results in your div.
    $('YOUR DIV SELECTOR').html(THAT YOU WANT TO DISPLAY);
});

Answer 3

如果您想返回对象和 JSON，请使用 WebAPI 控制器而不是表面控制器，后者只会返回一个 ActionResult。你可以让 Surface 控制器返回 JSON，但你最好使用 API 控制器，因为默认情况下它会返回 JSON 对象，这就是我假设你所追求的？

Here's some documentation for WebAPI controllers!