如何在页面上运行GET / POST和JSON RESULT？

Question

我有一个页面执行JSON结果，并在控制器中使用两个提交按钮实现get和post方法。 一个按钮转到Post方法仅用于重定向，另一个按钮转到JsonResult方法（名为AddTableData）。 如何在我的JQuery代码中进行设置？

$('#firstSubmit').click(function() {
    $(document).submit(function() {
    });
});

$('#secondSubmit').click(function() {
    $('#addTable').submit(function() {
        $.post($(this).attr("action"), $(this).serialize(), function(response) {
            ...load Table
        });
        return false;
    });
});

<%using (Html.BeginForm("LoadTable", "Home", FormMethod.Post, new { id = "addTable" })) %>
    <td><input id="Submit1" type="submit" name="firstSearch" value="Search" /></td>
    <td><input id="Submit2" type="submit" name="secondSearch" value="Search" /></td>

如何使用firstSubmit仅点击帖子，而第二个Submit仅使用JsonResult？

编辑

$('#secondSubmit').click(function() {
    $.getJSON("Home/AddTableData", {Name:"Name on Document"}, function(json) {
        alert("good");
    });
});    

我通常在get / post函数中获取的变量不见了。 如何将它们发布到我的JSon函数中？

Answer 1

假设我正确地理解了您，我会为您提供2个答案...

1. 为什么只使用JavaScript发布没有Ajax的表单？

2. 如果必须使用JavaScript发布表单，请提交表单，而不是文档，如下所示：

   $('form').submit();

Answer 2

$('#firstSubmit').click(function() {
  $('#addTable').submit();
});

$('#secondSubmit').click(function() {
  $.getJSON("Home/AddTableData", $('#addTable').serialize(), function(json) {
    alert("good");
  });
});


<%using (Html.BeginForm("LoadTable", "Home", FormMethod.Post, new { id = "addTable" })) %>
<td><input id="Submit1" type="button" name="firstSearch" value="Search" /></td>
<td><input id="Submit2" type="button" name="secondSearch" value="Search" /></td>

Answer 3

我没有测试过：

$('#secondSubmit').click(function() {
    $url = 'Home/AddTableData/?'+$('#add_table').children('input').serialize()
    $.getJSON($url, {Name:"Name on Document"}, function(json) {
        alert("good");
    });
});