Я пытаюсь использовать форму для отправки двух переменных javascript в php-скрипт и возвращать вывод в новый Div на одной странице с помощью функции ajax. Это не работает.Почему моя функция Ajax не работает?
вот мой код
JavaScript/HTML
<link href="style/background.css" rel="stylesheet" type="text/css">
<script src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript">
fbPageOptions = {
shadowType: 'halo',
resizeDuration: 5.5,
imageFadeDuration: 4.5,
overlayFadeDuration: 0,
navType: 'both',
width: 580,
height: 405
};
</script>
<body>
<div id ="userForm">Add New User
<br>
<br>
<form id ="form">
First name: <input type="text" name="firstname" id="firstname"><br>
Last name: <input type="text" name="lastname" id="lastname" ><br>
<input type="submit" value="Submit" id="submit">
</form>
</div>
<script type="text/javascript">
var firstname = "";
var lastname = "";
$('#form').submit(function() {
firstname = $("input#firstname").val();
lastname = $("input#lastname").val();
alert(firstname + lastname);
$.ajax({
type: "POST",
url: "my url is in here",
data: {firstname: firstname, lastname: lastname},
success: function(data) {
$("#submitted").html(data);
alert("success");
}
});
});
</script>
<br>
<div id="submitted"></div>
</body>
здесь код PHP
<?php
$firstname = $_POST["firstname"];
echo "First name added is $firstname";
echo "<br>";
$lastname = $_POST["lastname"];
echo "Last name added is $lastname";
?>
, когда я отправляю форму триггеров окна предупреждения, но div не обновляется. Я использую практически тот же код на другой странице, и он отлично работает. ?. :(Любые идеи
Большое спасибо
Что именно не работает? Ajax-вызов для отправки значений в ваш php-скрипт или часть javascript для записи результата в выход html? – reporter
'return false' - это то, что вам нужно в функции отправки – bipen