为什么IE9在按enter键时调用get方法而不是post，如何修复?

Why IE9 invokes get method instead of post in enter is pressed, how to fix?

本文关键字：post 何修复 方法 enter 在按 IE9 get 调用 为什么      更新时间：2023-09-26

输入键用于在下面发布表单。在IE9中按enter发送get请求:第一次输入发送get，第二次输入发送post，第三次输入发送get请求，等等

如果按enter键，如何只发送post请求?在firefox中，只有post请求才会被正确发送。

<form id="Form" method='post' target='DocumentRegisterReportpdf'
    action='/erp/Report/Render?_entity=DocumentRegisterReport'>
... form fields
<select class="ui-widget-content ui-corner-all" id="_Report" name="_Report" size="10">
<option selected="selected" value="AKART001">Report1</option>
<option value="A3001">Report2</option>
<option value="A3003">Report3</option>
</select>
<input id='_submit' type='submit' value='Show PDF' />
</form>
    <script type="text/javascript">
        $(function () {
            $('#_Report').keypress(function (e) { if (enter(e)) { $('#Form')[0].submit(); cancel(e); } });
            $('#_submit').focus();
        });
function enter(e) { return e.keyCode === $.ui.keyCode.ENTER && !e.ctrlKey && !e.altKey; }
function cancel(evt) {
    evt.returnValue = false;
    evt.keyCode = 0;
    evt.cancelBubble = true;
    evt.preventDefault();
    evt.stopPropagation();
}
   </script>

$('#_Report').keypress(function (e) { 
    if (enter(e))
        {
            var action = $('#Form').attr('action'),
                separator = action.indexOf('?') == -1 ? '?' : '&',
                url = action + separator + $('#Form').serialize(),
                post_or_get = 'post';
            $.ajax({
                 url : url,
                 method : post_or_get, 
                 success : function(data){
                     // this is the callback :)
                 }
            });
        }
});

或者你可以克隆表单，将它的方法从post改为get，然后提交:

$('#_Report').keypress(function (e) { 
    if (enter(e))
        {
             var post_or_get = 'post';
             $('#Form')
                 .clone()
                 .attr('method', post_or_get)
                 .submit();
        }
});
相关文章：