使用jQuery执行发布请求并显示下一页

时间:2013-02-05 10:38:53

标签: javascript jquery ajax

我已经为使用POST方法的预订引擎设置了预订引擎 - 我使用了XDate库(效果很好)我的问题是预订引擎应该在预订引擎网站上显示新页面POST。

我添加了一个说明代码的jsbin链接 http://jsbin.com/ikowuk/1/

我正在尝试实现类似于此站点的synxis预订引擎(尽管使用jQuery) http://www.stoneaston.co.uk/

function booking_engine(bookingObj)
{
  $.post('https://gc.synxis.com/rez.aspx', {
    'Chain': bookingObj.chain_id,
    'lang': '1',
    'locale': 'en-GB',
    'step': '1',
    'altdest': 'Country',
    'Hotel': bookingObj.booking_id,
    'arrive': bookingObj.start_date.uk_date,
    'depart': bookingObj.end_date.uk_date,
    'adult': bookingObj.adults,
    'child': bookingObj.child,
    'rooms': bookingObj.rooms
  }, function(data) {
    console.log(data);
  });
}

1 个答案:

答案 0 :(得分:1)

根据我的评论,只有一个选项:您可以制作一个设置了hidden属性的表单。

<form id="form1" action="https://gc.synxis.com/rez.aspx" method="POST" style="display: none;"><input id="submit" type="submit" value="Submit"></form> (或隐藏的替代方法)


然后,您可以将表单的隐藏元素设置为您希望发布的值,而不是执行jQuery $.post()。因此,对于您的示例,添加到表单的其中一个隐藏元素可能是:

$('#form1').append('<input name="booking_id" type="text" value="'+bookingObj.booking_id+'">');

一旦您创建了所有隐藏的元素并将其附加到隐藏的表单,您就会提交该表单:

$('#submit').trigger('click');


一旦触发该点击,您的所有数据都会发布到您的rez.aspx页面,您也会“同意”。