首页 / JAVASCRIPT / 将数据从ASp.NET MVC Controller传递到JavaScript函数

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了将数据从ASp.NET MVC Controller传递到JavaScript函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1373字，纯文字阅读大概需要2分钟。

内容图文

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

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

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

            return coordinateList;

        }

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

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

我想从我的控制器获取coordiates列表,并将它们传递给JS函数进行处理.

最好的方法是什么？

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

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

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

有任何想法吗？

解决方法:

将您的控制器更改为以下内容：

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

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

    return Json(coordinateList, JsonRequestBehavior.AllowGet);

 }

现在你的控制器动作正在返回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的每个方法对数据做一些事情(在这种情况下我只是做一个警报).

内容总结

以上是互联网集市为您收集整理的将数据从ASp.NET MVC Controller传递到JavaScript函数全部内容，希望文章能够帮你解决将数据从ASp.NET MVC Controller传递到JavaScript函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/747626.html

来源：【匿名】