Я хотел обновить div, когда пользователь отправляет простую форму. Однако я не могу понять, почему он не работает. (Это мой первый раз с помощью JQuery и Ajax)JQuery обновить div на submit
Мой сценарий:
<script src="static/jquery.js"></script>
<script>
$('#submit_div').click(function(){
var data: $("#name").val();
var datastr: 'name='+data;
$.ajax{
type: "POST",
url: $(this),
data: datastr,
success: function(data){
$("#content").replaceWith($('#content'),$(data));
}
}
});
</script>
Мой HTML:
<div id="content">
<div id="form_div">
<form method="POST">
<div id="form">
<div id="name_div"> name <input type="text" id="name" name="name"/></div>
<div id="submit_div"> <button type="submit" id="submit" name="submit">submit</button></div>
</div>
</form>
<div style="clear:both;"></div></div>
Я считаю, что вы используете '=' вместо ':' в вашем фактическом коде. как var data = $ ('# name'). val(); – Misam