在表单提交时阻止页面重定向/停留在同一页面上

时间:2017-09-20 16:04:28

标签: javascript jquery ajax asp.net-mvc

不能为我的生活找出原因,为什么这不应该按照它的方式运作......

我有一个ASP.NET MVC5表单,其中有两个按钮 - "添加新产品",将允许它们临时保存所有产品数据(不包括数据库)并允许他们输入产品的其他信息;另一个按钮"保存更改",将保存所有通过"添加新产品"添加的产品。

我目前停留在"添加新产品"功能。目前,它将用户重定向到一个新页面,但我无法确定它在技术上不应该重定向的原因。它为什么要进行重定向?它也很好地通过控制器方法。我只是希望它保持在同一页面上,但目前我已经将它重定向到一个空白页面,我所在的确切局部视图。

的Javascript

$("#ProductForm").submit(function () {
    // Data validation here
    if (hasErrors) {
        // Display errors to user via unobtrusive validation
    }
    else {
        var ProductViewModel = {
            'Name': $("#ItemName").val(),
            'Price': $("#ItemPrice").val(),
            // etc.
        };

        $.ajax({
            url: $("#AddProductURL").val(),
            dataType: "JSON",
            type: "POST",
            data: ProductViewModel,
            success: function () {
                // Clear all fields
                $("#ProductForm").reset();
                return false; // I guess this isn't working?
            }
        });
        return false; // I guess this isn't working either?
    }
    return false; // Not working as well?
}

控制器

[HttpPost]
public ActionResult AddProduct(ProductViewModel productVM)
{
    // Do stuff with the view model here
    return new EmptyResult();
}

2 个答案:

答案 0 :(得分:0)

尝试

import android.app.Activity
import android.os.Bundle
import android.util.Log
import android.view.Menu
import android.widget.Toolbar
import android.view.View
import kotlinx.android.synthetic.main.activity_main.*
import kotlinx.android.synthetic.main.activity_main.view.*

class MainActivity : Activity() {
    val TAG: String = "MainActivity"

    override fun onCreate(savedInstanceState: Bundle?) {
        Log.d(TAG, "onCreate ")
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val myToolbar = findViewById<View>(R.id.my_toolbar) as Toolbar
        myToolbar.setTitle(R.string.title_activity_main)
        myToolbar.inflateMenu(R.menu.menu_main)
    }
}

答案 1 :(得分:0)

我明白了。我觉得超级愚蠢。我以为我在原帖中提到了这一点,但我使用的是ASP.NET MVC5,但我并没有意识到它的相关性。我会稍后编辑我的帖子以反映它。

@ Html.BeginForm和@ Ajax.BeginForm之间存在差异,我通过此Stack Overflow回答找到了它:difference between Html.BeginForm() and ajax.beginform()

@ Ajax.BeginForm的最重要的要点回答了我的问题。