Pjax在IE9上无法正常降级

Question

我通过此方法后面的参数传递以下URL，以编程方式调用pjax。

var url = '/activity?fromDate='+$('#from-date').val()+'&toDate='+$('#to-date').val();
$.pjax({url: url, container: '#main-body'});

这在现代浏览器上可以很好地工作，但是不能在Internet Explorer 9及更低版本中包含任何参数。 该页面仅导航至/activity 。

这是为什么？

Answer 1

Internet Explorer 9 不支持 pjax所依赖的pushState 。 当pushState API不可用时， $.pjax调用fallbackPjax()函数。

备用广告会创建一个隐藏的<form> ，并将您指定的url放入<form>的action字段中。 表单的操作字段中的任何参数都将被忽略。

有两件事要做。

var url = '/activity';
var data = 'fromDate='+$('#from-date').val()+'&toDate='+$('#to-date').val();
$.pjax({url: url, data: data, container: '#main-body', method: 'GET' });

1. 您需要将method指定为GET（回退默认为POST）
2. 您需要在选项的data字段中传递参数。

后备自动循环浏览您的参数并为每个参数创建输入字段。