jquery - 在 ASP.net MVC4 中使用模态弹出窗口添加/编辑/删除

Question

我花了很多时间来理解如何使用模式弹出窗口，但我还没有找到任何好的答案，否则我应该声明完整的工作代码。

我正在寻找一种使用 MVC HTTPGET、HTTPPOST 方法的方法，并且在 Javascript 或 Ajax 中不应具有硬编码的属性名称

这是我到目前为止能够实现的目标:

我对 AJAX、JQUERY 还很陌生

主要错误:我无法在此处正确使用“保存”按钮，即在 Internet Explorer 和 Chrome 中未调用 HTTPPOST 操作，尽管这在 Firefox 中有效

1. Approach based on this link但它在 Internet Explorer 中不起作用。问题:HTTPPOST 操作不会在 Internet Explorer 或 Chrome 中调用
2. Tried to follow his complete article但不喜欢 JSON 的使用方式和执行验证的方式。
3. Jquery UI modal form: Want to use feature like this但不知道如何在此使用 ASP.net MVC4 HTTP GEt 和 HTTP POST 。
4. Tried this demo too but :(
5. This one was good, tried to implement by using his complete source code but still could not able to work
6. ASP.net MVC Modal对这件事抱有太大的希望。下载后，尝试在 2-3 小时后实现所有内容，意识到即使这个也没有像它所说的那样“可以使用”。 More information about it
7. Code project: Comparison of three jquery modal虽然是在ASPX中但还是尝试着实现。 (没有成功:()

尝试了其他几种解决方案，每个解决方案都有自己的问题。可能其中一些帖子是旧的，jquery 版本已经过时了一些控件。

此功能已被广泛使用和讨论，因此如果有人有工作代码，请分享。

代码这是我的完整代码:http://pastebin.com/yNH7CFTS

错误提示我不确定这是否是问题所在，但在 Internet Explorer 中，当我按下“保存”按钮时，对话框将关闭，调用 HTTPPost 操作且浏览器中的 URL 为:

http://localhost:53381/Project/Details/1?ProjectId=1&Effort=0&Cost=56  

其中值 1 ,0 ,56 是我在文本框中输入的内容

任何人都可以使用 RESTFUL 方法在 asp.net MVC 中发布 MODAL/POPUP 的完整答案。

Answer 1

使用 $.post jquery 方法调用 httppost Controller 操作，如下所示:

$.post(
    "addressofaction",
        {}).done(function () {
            alert("do something"
            })
        }).fail(function () {
            alert("error");
        })