jQuery 양식 플러그인을 사용하여 변경시 양식을 동적으로 제출하려고합니다.왜이 AJAX 제출 루프에 갇혀 있습니까?
확실히 작동하지만 사용자가 입력 값을 변경할 때마다 .post를 실행하고 내 경고 "alert()"를 실행 한 다음 페이지를 새로 고침하여 루프를 중지 할 때까지 반복하여 반복합니다. 코드는 다음과 같습니다.
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AJAX Form Test Suite</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script src="_scripts/jquery.form.js"></script>
<script>
$(document).ready(function() {
var options = {
success: alertYes // post-submit callback
};
// binding to each input's change event
$('#mainForm input').change(function() {
$(this).parent().ajaxSubmit(options);
return false;
});
//success callback function
function alertYes() {
alert('You did it!');
}
});
</script>
</head>
<body>
<div id="ajaxMessage">
<h1>This is a suite AJAX form</h1>
<form id="mainForm" action="saveForm.php" method="post">
<ul class="nolist">
<li class="label"><label>Name</label></li>
<li class="input"><input type="text" name="name" value="Eric Roberts" /></li>
<li class="label"><label>Email</label></li>
<li class="input"><input type="text" name="email" value="[email protected]" /></li>
<li class="label"><input type="submit" name="submit" value="DO IT" /></li>
</ul>
</form>
</div>
</body>
</html>
계속 반복적으로 반복하도록하려면 어떻게해야합니까? 나는 그것이 .post가 경고를받은 후 반환 될 때 무언가라고 가정하고있다. 다시 말해서, ajax 호출을 다시 제출하는 입력을 계속해서 흐리게한다. 그러나 왜 그렇게 할 수 있을지 모르겠다.
감사합니다.
추신 : 여기에 제가 사용하는 플러그인이 있습니다 : http://jquery.malsup.com/form/ – rhodesjason