Здравствуйте!
Такой вопрос:
написал программу, которая имитирует систему проверки знаний: на страничке текст вопроса и несколько вариантов ответа.
пытаюсь с помощью аякса(POST запрос) отправлять в фоне данные формы(выбранный ответ)
Нажимаю кнопку Submit и данные уходят на сервер. Там они обрабатываются и приходит текст следующего вопроса и варианты ответа.
Выбираю ответ и нажимаю Submit - данные уходят уже не через аякс - отправка происходит обычным GET_ом и страничка перегружается(обновляется так как обработка происходит кодом, который на этой же странице).
После этого GET_а и вызванного им перегрузки(обновления) страницы аякс снова срабатывает при отправке очередного ответа на вопрос.
Если после первого срабатывания аякса обновить страницу - аякс сработает и второй раз.
Это дает повод предположить, что проблема в "видимости " скрипта?
После того как пришел ответ с сервера, я этот ответ показываю в определенном DIV_е и все, что оказывается за пределами этого DIV_а становится недоступным?
Подскажите пожалуйста, что нужно сделать, чтобы результаты постоянно отправлялись аяксом? Где я не прав?
вот кусочки кода:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/func.js"></script>
<title>Система проверки знаний</title>
</head>
<script type="text/javascript">
$(document).ready(function(){
$('#myForm').submit(function(){
$.ajax({
type: "POST",
url: "test.htm",
data: "answers="+idr,
success: function(html){
$("#content").html(html);
alert("ajax!");
}
});
return false;
});
});
var idr = 0;
</script>
<body >
<div id="content">
<div id="nifty">
<form id="myForm" name="testForm">
<center>
<table cellpadding=4 cellspacing=2 border=0>
<tr>
<td class="question" colspan="2">${questionList.question}</td>
</tr>
<c:forEach items="${answerSet}" var="answer" varStatus="status">
<tr >
<td width="20">
<input type="radio" name="answers" value="${answer.id}" checked onClick="if(this.checked) {idr=value;}"></td>
<td>
<label>${answer.answer}</label>
</td>
</tr>
</c:forEach>
<tr>
<td colspan="2" align=center><input type="submit" id="subm" value="Дальше"></td>
</tr>
</table>
</center>
</form>
</div>
</div>
</body>
</html>