Ajax code unresponsive

Question

Hi i am having trouble making this ajax code work with JavaScript. The function is called studentReqHandler with a button onclick function and everything is in echo's. this is the code of the function studentReqHandler:

  echo "<script type='text/javascript'>
function studentReqHandler(action,id,email,elem){

_(elem).innerHTML = 'processing ...';
var ajax = ajaxObj('POST', 'verifying.php');
ajax.onreadystatechange = function() {
    if(ajaxReturn(ajax) == true) {
        if(ajax.responseText == 'accept_ok'){
            _(elem).innerHTML = '<b>User Verified!</b><br />';
        } else {
            _(elem).innerHTML = ajax.responseText;
        }
    }
}
ajax.send('action='+action+'&id='+id+'&email='+email);
}
</script>

this is the onclick button :

 <button onclick='studentReqHandler(\"accept\",\"".$id."\",\"".$email."\",\"user_info_".$id."\")'>accept</button> or

";

other ajax related functions:

   function ajaxObj( meth, url ) {
var x = new XMLHttpRequest();
x.open( meth, url, true );
x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
return x;
          }
   function ajaxReturn(x){
if(x.readyState == 4 && x.status == 200){
    return true;    
}
       }

and last the php for this to work:

   if (isset($_POST['action']) && isset($_POST['id'])&& isset($_POST['email'])){
$id = preg_replace('#[^0-9]#', '', $_POST['id']);
$email = $_POST['email'];


if($_POST['action'] == "accept"){

    $sql = "UPDATE profile SET verified='1' WHERE id='$id' AND email='$email' LIMIT 1";
    $query = mysqli_query($db_conx, $sql);
        mysqli_close($db_conx);

        echo "accept_ok";
        exit();
    }

    } 

Can anyone figure out why this doesnt work?

Answer 1

I pasted this code and it works:

Minimum error, is you got some messy quotes in the <button> javascript string.

<?php
/* using this at the top to check what happens when it posts. */

if (isset($_POST['action']) && isset($_POST['id'])&& isset($_POST['email'])){
    $id = preg_replace('#[^0-9]#', '', $_POST['id']);
    $email = $_POST['email'];


    if($_POST['action'] == "accept"){

    /* I commented out the query, so you must make sure that works right */    
    $sql = "UPDATE profile SET verified='1' WHERE id='$id' AND email='$email' LIMIT 1";
    //$query = mysqli_query($db_conx, $sql);
    //    mysqli_close($db_conx);

        echo "accept_ok";
        exit();
    }

 } 

/* some default values. You need to make sure you get these from somewhere.*/
$id=3;
$email="oo@oooo.com";

/* ELEMENT changes when I click the button */ 
echo "Div Element <div id='element'>ELEMENT</div>  area<br><br>";
?>
<script type='text/javascript'>
function studentReqHandler(action,id,email,elem) {

    /* I used the basic document element locator */
    document.getElementById('element').innerHTML = 'processing ...';

    /* I posted to itself this time. */
    var ajax = ajaxObj('POST', 'ajax.php');
    ajax.onreadystatechange = function() {
        if(ajaxReturn(ajax) == true) {
            if(ajax.responseText == 'accept_ok'){
                document.getElementById('element').innerHTML = '<b>User Verified!</b><br />';
            } else {
                document.getElementById('element').innerHTML = ajax.responseText;
            }
        }
    }
    ajax.send('action='+action+'&id='+id+'&email='+email);
}

function ajaxObj( meth, url ) {
    var x = new XMLHttpRequest();
    x.open( meth, url, true );
    x.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    return x;
}

function ajaxReturn(x){
    if(x.readyState == 4 && x.status == 200){
        return true;    
    }
}


</script>

/* There were too many quotes and \'s in the original button. */ 
<br>The Button<br>
<?php 
    echo "<button onclick=\"studentReqHandler('accept','$id','$email','user_info_$id') \">accept</button>";
?>