¿Por qué este código envía exactamente dos solicitudes para cada cambio de control deslizante?
Tengo una aplicación de servidor en python del matraz, y estoy usando ajax de JQuery para enviar una solicitud a mi punto final, que devuelve un nuevo código de trama html. El servidor Flask siempre recibe dos solicitudes por cambio de control deslizante. ¿Cómo puedo arreglarlo, que enviaría una solicitud?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="../static/style.css" rel="stylesheet" type="text/css"> <title>plot</title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script type='text/javascript'> $(function () { var form = $('form'); $('#myRange').on('change mouseup', function () { $.ajax({ type: "POST", url: "/update_view", data: form.serialize(), }).done(function (res) { $("#plot").html(res) }); }); }); </script> </head> <body> <div id="body_page"> <form> <p>Default range slider:</p> <input type="range" min="1" max="100" value="50" id="myRange" name="slider"> </form> <div id="plot"> {{ html_plot|safe }} </div> </div> </body> </html>
porque estás subscribed
a dos eventos change mouseup
.
$(function () { var form = $('form'); $('#myRange').on('change mouseup', function (e) { console.log(e.type); // return TWO events /* $.ajax({ type: "POST", url: "/update_view", data: form.serialize(), }).done(function (res) { $("#plot").html(res) }); */ }); });
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> <form> <p>Default range slider:</p> <input type="range" min="1" max="100" value="50" id="myRange" name="slider"> </form>
En este caso, solo puedes dejar change