Предельно простой jquery постит с ответом
Я сам на php кожу. В яве - нуб. Скрипт должен засабмитить данные на пхп и ответ вернуть. Нашёл в ответах, почему же не срабатывает?
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
function sbm() {
$.post('http://ya.ru/', $('#x').serialize(), function (response) {
$('#otv').html(response);
});
}
</script>
<div id="otv"> Идёт загрузка… </div>
<form id="x"> Ваша форма <input id="1" value="df" /></form>
<input type="button" value="Проверить" onclick="sbm();"></input>
|
И тоже не работает у меня, это уже из примеров.
<html><head><title>gd</title></head><body>
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()">
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<legend>Test From</legend>
<label for="name">Name:</label><input id="name" name="name" value="" type="text">
<input value="Send" type="submit">
</form>
<script type="text/javascript" language="javascript">
function call() {
var msg = $('#formx').serialize();
$.ajax({
type: 'POST',
url: 'http://www.ya.ru/',
data: msg,
success: function(data) {
$('.results').html(data);
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
}
</script>
</body></html>
|
Запрещать отправку формы нужно.
function call() {
$.post('http://ya.ru/', $('#formx').serialize(), function (response) {
$('.results').html(response);
});
return false
}
PS. В первом случае, id="1" - это не верно, должно начинаться не с цифры вообще-то, но нужно имя поля, а не id. А во втором случае action="javascript:void(null);" это мусор, а в событии onsubmit="return call()". <script type="text/javascript" src="jquery-1.11.2.min.js"></script> внутри формы подключать зачем? |
| Часовой пояс GMT +3, время: 14:35. |