<div id = "Class" class = "Class_ticket" onclick = "caller()" value = "1"> Estoy tratando de obtener el value de div donde ID es Class cuando se hace clic en Div .
function caller(){ $.ajax({ url: "test.php", type: "get", data: { Class_info: $('#Class').val() } }).done(function(data) { $('#Result').text(data); alert(data); }); } Parece que no está leyendo el valor de Div cuando se hace clic. ¿Estoy usando AJAX incorrectamente?
test.php
<?php $a = $_GET['Class_info']; echo($a); ?>La etiqueta div no tiene un atributo de valor. Entonces puede usar $('#Class').attr('value') ; ver fragmento a continuación ..
function caller(){ alert($('#Class').attr('value')); $.ajax({ url: "test.php", type: "get", data: { Class_info: $('#Class').attr('value') } }).done(function(data) { $('#Result').text(data); alert(data); }); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id = "Class" class = "Class_ticket" onclick = "caller()" value = "1">test</div>Puedes usar este pequeño truco:
<div id "" class="Class_ticket" onclick="caller()" value="1"> <input type="hidden" value="1" id="Class" /> </div>tenga en cuenta que la entrada está oculta!
Y aquí está tu ajax:
function caller() { $.ajax({ url: "test.php", type: "get", data: { Class_info: $('#Class').val() } }).done(function(data) { $('#Result').text(data); alert(data); }); }Prueba esto:
function caller(){ $.ajax({ url: "test.php?Class_info=test", type: "get", data: { Class_info: $('#Class').val() } }).done(function(data) { $('#Result').text(data); alert(data); }); } Agregué ?info=test que en teoría PHP debería poder tomar
si PHP toma el valor, entonces, en lugar de probar, coloque una variable que contenga el valor deseado