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

时间:2016-06-13 13:23:49

标签: javascript jquery asp.net-mvc redirect asp.net-ajax

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

Previosly,我在HotelList页面上有相同的表单,当时,我只是提交表单,使用ajax调用api控制器并在onSuccess函数回调中获取响应。我已经在这里发布了整个流程以使我的问题可读{ {3}}

现在,完全相同的表格在索引页面和提交按钮点击,发布表格数据到相同的web api controllere api /酒店/酒店列表,但这一次,我想显示我回来的任何回应酒店列表页面不在索引页面。我可以轻松地在索引页面上显示数据,但不知道如何在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方法的表单提交,并将响应数据重定向到其他页面。

我在这里尝试的是什么。如何从脚本功能在酒店列表页面上正确发布此数据,该功能完全在索引页面上。

是否可以在客户端或仅在服务器端页面重定向技术上使用。是否有可能仅在控制器方法中使用重定向将响应发布到其他页面。 请指导我。

1 个答案:

答案 0 :(得分:0)

尝试放置这部分代码

  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>

如果有效,请告诉我。