通过我ajax
添加一个块div
:after
$('#ajax-service').after('<div id="#ajax-service-list" name="#ajax-service-list">'+(response.is_taken)+'</div>')
为什么有了新请求,旧块不会被删除$('#ajax-service-list').remove();
?
html
<script>
$(document).ready(function () {
// catch the form's submit event
$('#ajax-service').keyup(function () {
// create an AJAX call
$.ajax({
data: $(this).serialize(), // get the form data
url: "{% url 'ajax_request' %}",
// on success
success: function (response) {
if (response.is_taken) {
$('#ajax-response').remove();
$('#ajax-service').after('<div id="#ajax-response">'+(response.is_taken)+'</div>')
}
else {
$('#ajax-service').after('<div id="#ajax-response">Нет совпадений</div>')
$('#ajax-response').remove();
}
},
// on error
error: function (response) {
// alert the error if any error occured
console.log(response.responseJSON.errors)
}
});
return false;
});
})
</script>
1 个回答