Tengo un código simple en html
, un button
.
<button onclick="data('123456')">btnClick</button>
Si abro el index en Google Chrome o Edge ocurre el siguiente problema:
Al cambiar el parámetro desde el inspector elementos por ejemplo 54321 y al hacer click, me manda por consola el dato modificado y sin modificar, o sea dos datos y no solo el modificado. Es decir tanto 123456
como 54321
Demo:
function data(number) {
console.log(number)
}
<button onclick="data('123456')">btnClick</button>
Lo anterior es solo un ejemplo reproducible (mcve), mi intención real es hacer una validación, por ejemplo que el parámetro sea un id encriptado el cual después lo desencripto para luego ver si existe en una base de datos, si está correcto me retornaría un modal
y si no está correcto el id desencriptado me retornaría un alert
con error. Pero como me está enviado dos datos, el modificado y no modificado, me mandaría tanto el modal
como el alert
Este error solo pasa en el navegador Edge y Google Chrome, mas no en Mozilla
ajax
ofetch
para enviar el id como parámetro, este no estaría "quemado" en el código al crear el DOM y mucho menos tendrías por qué modificarlo en el inspector de código ya que sería una vulnerabilidad. Luego, haces la validación enphp
y retornas una única respuesta aJavaScript
, no hay razón para que se entreguen los dos elementos al DOM.<button onclick="data('987654')">btnClick</button>
, en la consola se imprimen tanto el valor quemado 123456 como el modificado 987654.