将数据POST到不同页面上的iFrame的最佳解决方案

Question

在我网站的每个页面上，我在侧边栏中都有以下表格（不要担心表格的静态值）：

<form target="booking_iframe" name="form1" method="post" action="/booking" id="le_booking_form">
<div class="form_row">CHECK IN
    <input name="side_check_in_date" type="text" class="stwths_input" id="checkin" value="2012-03-05">
</div>
<div class="form_row">CHECK OUT
    <input name="side_check_out_date" type="text" class="stwths_input" id="checkout" value="2012-03-10">
</div>
<div class="stwths_submit_box"><input type="submit" name="button" id="button" value="Submit" class="stwths_submit" rel="follow"></div>
</form>

表单需要做的是将side_check_in_date和side_check_out_date POST到预订页面上的iFrame，当您点击Submit时，表单会将其发送给您，这样用户就可以填写此预订页面上显示的表单。

这是预订页面上的代码：

<iframe name="booking_iframe" src="http://thestrandreservation.spin-demo.com/?ptype=user_booking" width="690" height="3000" border="0" frameborder="0" scrolling="no"></iframe> 

您可以在下面看到主页和预订页面：

• http://thestrand.spin-demo.com/
• http://thestrand.spin-demo.com/booking

Answer 1

在预订页面上，您需要将value="{CHECK_IN_DATE}"和value="｛CHECK_OUT_DATE｝"插入到您的表单中，id="reservation_frm"。这需要在服务器端进行，因为您是从stay_withus_form发布这些数据的。

我不知道你使用的是什么服务器技术，无论是php、ruby还是.net，这都无关紧要。

然后在预订页面上使用Javascript提交预订_ frm表单：

使用普通的旧Javascript：

document.forms["reservation_frm"].submit();

或使用jQuery

$("#reservation_frm").submit();