首页 / JAVASCRIPT / 通过Javascript将值传递给Controller返回查看MVC3 Razor

通过Javascript将值传递给Controller返回查看MVC3 Razor

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了通过Javascript将值传递给Controller返回查看MVC3 Razor，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1830字，纯文字阅读大概需要3分钟。

内容图文

我是MVC的新手.我试图将我使用地理定位获得的经度和纬度值传递给我的控制器,以便我可以使用这些值来识别并从我的数据库中提取正确的数据.

这是我的Javascript

function auto_locate() {


    alert("called from station");
    navigator.geolocation.getCurrentPosition(show_map);



function show_map(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    var locstring = latitude.toString() + "." + longitude.toString();
    var postData = { latitude: latitude, longtitude: longitude }
    alert(locstring.toString());

}

}

所有这一切都很好;

现在我需要做的是将postData或locstring传递给我的控制器.看起来像这样：

[HttpGet]
public ActionResult AutoLocate(string longitude, string latitude)
{
    new MyNameSpace.Areas.Mobile.Models.Geo
    {
        Latitude = Convert.ToDouble(latitude),

        Longitude = Convert.ToDouble(longitude)

    };


// Do some work here to set up my view info then...
    return View();
}

我搜索和研究过,但我找不到解决方案.

如何从HTML.ActionLink调用上面的javascript并将Longitide和Latitude转到我的控制器？

解决方法:

你可以使用AJAX：

$.ajax({
    url: '@Url.Action("AutoLocate")',
    type: 'GET',
    data: postData,
    success: function(result) {
        // process the results from the controller
    }
});

其中postData = {latitude：latitude,longtitude：longitude} ;.

或者,如果你有一个actionlink：

@Html.ActionLink("foo bar", "AutoLocate", null, null, new { id = "locateLink" })

你可以像这样AJAX化这个链接：

$(function() {
    $('#locateLink').click(function() {
        var url = this.href;
        navigator.geolocation.getCurrentPosition(function(position) {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            var postData = { latitude: latitude, longtitude: longitude };
            $.ajax({
                url: url,
                type: 'GET',
                data: postData,
                success: function(result) {
                    // process the results from the controller action
                }
            });
        });

        // cancel the default redirect from the link by returning false
        return false;
    });
});

内容总结

以上是互联网集市为您收集整理的通过Javascript将值传递给Controller返回查看MVC3 Razor全部内容，希望文章能够帮你解决通过Javascript将值传递给Controller返回查看MVC3 Razor所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】