Ajax.BeginForm 사용시 IE 8에서 리프레시가 두번 일어나는 문제

Ajax.BeginForm 사용시 IE 8에서 리프레시가 두번 일어나는 문제

 

 

<% using (Ajax.BeginForm("ActionName", null , new AjaxOptions { OnBegin = "onBegin", OnComplete = "onComplete", OnSuccess = "handleLoad", UpdateTargetId = "divResult" }, new { id = "frmUserList" }))

{ %>

 

..

.

.

.

 

 

submit 호출시

// 서브밋시에 두번 리프레시가 되서 미쳐버릴거같다.

$(document).ready( function () {

$("#btnSearch").click(function () {

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

});

});

당최 알수가 없다 IE 10에서는 발생하지가 않는데

 

IE 8 에서 자꾸 페이지가 리프레시되어 렌더되서 Fiddler로 캡쳐해보니 두번 Ajax 비동기 요청이 발생하였다.

 

찾다보니 아래의 사이트에서 해결방안을 얻을 수 있었다.

 

출처 :

http://brianreiter.org/2011/04/05/submitting-an-mvc-ajax-beginform-using-javascript-and-jquery/

 

-- 위사이트에서 찾아서 해결한 코드

$(document).ready( function () {

$('#frmUserList').submit(

 

function (event) {

eval($(this).attr("submit"));

return false;

});

$("#btnSearch").click(function () {

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

});

});