Html 网页设计：点击购买按钮后返回

我想知道在其中一个项目上单击“购买”按钮的最佳做法是什么。我希望它看起来像唯一正在发生的事情是，购物车正在闪烁一个更多的项目。我该怎么做才能做到这一点。我应该通过POST操作发送大量信息，以便重新创建相同的页面并滚动到相同的位置（这将非常不方便），还是有更智能、更好的解决方案。我正在使用VisualStudio和MVC3

正如你可能理解的那样，我对网页设计还很陌生，尽管在过去的15年里，我时不时地做过一点网页设计

---

考虑到

对网站进行工程设计是一种很好的做法，以便它在非js环境中正常工作。在这种情况下，您的按钮将提交整页刷新的表单。您的页面被重新加载，您的购物篮现在向用户指示其中有一个额外的项目

为了给用户带来更好的体验，我们可以使用AJAX调用来增强提交操作

这可以通过在jQuery中编写一个AJAX调用来实现，该调用在按钮的click事件（或表单的submit事件）上触发

表单提交时使用jQuery的示例

$('form').submit(function(e){
    e.preventDefault(); //prevents full post-back

    $.ajax({
      type: "POST",
      url: "\\somesite\endpoint",
      data: $(this).serialize()
    }).done(function( bacon ) {
       alert( "Receive: " + bacon );
    });
});

MVC 3 Ajax扩展

MVC3还有一些AJAX扩展方法可以帮助我们。特别是

Ajax.BeginForm

@using (Ajax.BeginForm())
{
    /* Your form elements here */

    <input type="submit" value="OK" />
}

@使用（Ajax.BeginForm（））
{
/*你的表单元素在这里*/
}

---

下面是一个简单的例子，说明如何使用它，

正如@Diodeus建议的那样，您可以在MVC中使用jquery在页面上执行ajax功能。