javascript - 将数据从 ASp.NET MVC Controller 传递到 JavaScript 函数

Question

我有一个 ASP.NET MVC3 应用程序，它从 WCF 服务获取坐标列表。此服务返回一个包含一些属性(Xcoor 和 Ycoor)的列表。

   public List<Location> GetCoordinate()
        {
            sensor = new Location();

            List<Location> coordinateList = sensor.GetSensorInformation();

            return coordinateList;

        }

在我的网页中，我有一个 JavaScript 函数，它接受 2 个参数并在页面上(在 map 上)显示坐标

function GetLocation(y, x){
//my code here
}

我想从我的 Controller 中获取坐标列表并将它们传递给该 JS 函数进行处理。

解决这个问题的最佳方法是什么？

我尝试使用以下但我不知道如何解析结果

 $.ajax({
            url: '@Url.Action("GetCoordinate")',
            type: 'GET',
             dataType: 'xml',
            success: function(result) {

            },
            error: function (xhr, ajaxOptions, thrownError){
                    alert(xhr.status);
                    alert(thrownError);}
        });

有什么想法吗？

Answer 1

将您的 Controller 更改为以下内容:

public ActionResult GetCoordinate()
{
    sensor = new Location();

    List<Location> coordinateList = sensor.GetSensorInformation();

    return Json(coordinateList, JsonRequestBehavior.AllowGet);

 }

现在您的 Controller 操作正在返回 jQuery 可以处理的 JSON。

更改您的 jQuery 方法来执行此操作:

$.ajax({
    url: '@Url.Action("GetCoordinate")',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        // process the data coming back
        $.each(data, function(index, item) {
            alert(item);
        });
    },
    error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
    }
});

现在您的 AJAX 方法知道它正在处理 JSON 数据。您可以使用 jQuery each 方法对数据执行某些操作(在这种情况下我只是在发出警报)。