如何在其他页面上显示成功功能响应

Question

我的问题是 - 我的索引页面有两种表格，一种用于酒店预订，另一种用于火车预订。表格切换。如果点击酒店链接，则酒店表格打开，火车也一样。

以前，我在 HotelList 页面上使用了相同的表单，当时，我只是通过 ajax 调用向 api 控制器提交表单，并在 onSuccess 函数回调中返回响应。我在这里发布了整个流程以使我的问题可读@ 987654321@

现在，索引页面上的表单和提交按钮单击时的表单完全相同，将表单数据发布到相同的 web api 控制器 api/Hotel/HotelList 但这次，我想显示我返回的响应 HotelList 页面而不是索引页。我可以轻松地在索引页上显示数据，但不知道如何在 HotelList 的表格上显示数据。

到目前为止，我已经知道是对 web api 控制器进行非 ajax 调用，然后在 post 方法中重定向，所以我尝试了这个：

$("#btn1Post").click(function (e) {
   e.preventDefault();
   $('<form>' + '</form>').submit({ params: { TokenId: '$("#pageInitCounter").val()' } });

它应该点击 web api 控制器，但是将 url 放在哪里。 我必须在这里编写脚本函数来显示我从 Web api 控制器返回到 HotelList 页面而不是在索引页面上的数据，这意味着在取回数据后应该重定向到 HotelList 页面。 我之前提供的 HotelList 页面的代码。

问题是我已经进行了广泛的搜索，但我发现到处都是用 ajax jquery 发布的。我看不到任何使用非 ajax 方法提交的表单并将响应数据重定向到其他页面。

我应该在这里尝试什么。如何通过完全在索引页面上的脚本函数在酒店列表页面上正确发布此数据。

是否可以在客户端或仅在服务器端页面重定向技术上可行。是否只能在控制器方法中通过重定向发布对其他页面的响应。 请指导我。

Answer 1

试着把这部分代码放进去

  var table = $('#tableId');
       var rows = "<tr><td>" + hotelname + "</td>"; 
        rows += "<tr><td>" + address + "</td></tr>";
           table.append(rows);

在关闭表格之前

 <div id="divResult5"></div>
    <table id="myTable">
         <tr></tr>
       <tbody id="tableId"></tbody>
        </table>

如果有任何效果，请告诉我。