javascript – 如何将js变量发送到mvc控制器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何将js变量发送到mvc控制器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1926字，纯文字阅读大概需要3分钟。

内容图文

我是客户端 – 服务器编程概念的新手.我需要的是,将四个js变量发送到我的MVC 3控制器动作.

    $(document).ready(function() {
        var $jcrop;

        $('#image').Jcrop({
            bgColor: 'red',
            onSelect: refreshData
        }, function () {
            $jcrop = this;
        });

        function refreshData(selected) {
            myData = {
                x1: selected.x1,
                x2: selected.x2,
                y1: selected.y1,
                y2: selected.y2
            };
        }
    });

所以我在浏览器中获取我的变量.

我在服务器端拥有的是：

    public ActionResult CreateCover(ImageCoordinates coordinates) {
        ViewData.Model = coordinates;
        return View();
    }

public class ImageCoordinates
{
    public int x1 { get; set; }
    public int x2 { get; set; }
    public int y1 { get; set; }
    public int y2 { get; set; }
}

有没有一种简单的方法可以将我的四个参数从js发布到我的动作中？
我尝试使用$.ajax从本网站使用几个例子

像这样

        $.ajax({
            url: '/dashboard/createcover',
            type: 'POST',
            data: JSON.stringify(myData),
            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                alert(data.success);
            },
            error: function () {
                alert("error");
            },
            async: false
        });

但它没有用,我在行动中收到了0 0 0 0.但说实话,我甚至不确定如何调用这个jquery函数.我应该通过点击按钮来呼叫它,还是在我发布表单时自动呼叫？
还有其他方法可以发送这个参数吗？

解决方法:

这里解决方案 –

型号 –

public class ImageCoordinates
{
    public int x1 { get; set; }
    public int x2 { get; set; }
    public int y1 { get; set; }
    public int y2 { get; set; }
}

行动 –

    public ActionResult CreateCover(ImageCoordinates coordinates)
    {
        return null;
    }

让我们创建一个View,它将对Action进行AJAX调用.

<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<script>
    function submitForm() {

        var model = new Object();
        model.x1 = 120;
        model.y1 = 240;
        model.x2 = 360;
        model.y2 = 480;


        jQuery.ajax({
            type: "POST",
            url: "@Url.Action("CreateCover")",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({ coordinates: model }),
            success: function (data) {
                alert(data);
            },
            failure: function (errMsg) {
                alert(errMsg);
            }
        });
    }
</script>

<input type="button" value="Click" onclick="submitForm()" />

输出 –

内容总结

以上是互联网集市为您收集整理的javascript – 如何将js变量发送到mvc控制器全部内容，希望文章能够帮你解决javascript – 如何将js变量发送到mvc控制器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端