Geek asks and answers

Jquery ajax not working without firebug breakpoint

I use the following method to call php:

function validateEmaiAjax(email){
    val = null;
    $("#warning").load("https://localhost/Continental%20Tourism/register_ajax.php",{email: email}, function(rspns, stat, xml){
        val = rspns;
    });

    if(val == ".")
        return true;
    else {
        return false;
    }
}

my php code is:

<?php
    $dbc = mysqli_connect("localhost","root","pass","continental_tourism") OR die(mysqli_connect_error());

    $email = $_REQUEST['email'];

    $query = "SELECT email FROM customer_info WHERE email = '$email' ";

    $r = mysqli_query($dbc, $query) OR die(mysqli_error($dbc));

    if(mysqli_num_rows($r) > 0)
        echo "Email address exists!";
    else
        echo ".";   
?>

This basically checks the database, and if the email exists, "Email address exists!" if not, I want return true(so I echo "." and compare it). It is strange if I set a breakpoint using firebug next to the program if(val == "."), it works correctly and returns true. If I remove this breakpoint function, always return false. I can’t understand why this is happening. Please help! Thank.

+3
source share
4 answers

, , , . , if(rspns == ".") , , false.

, ( ), :

function validateEmaiAjax(email) {

  // This is the correct way to initialise a variable with no value in a function
  var val;

  // Make a synchronous HTTP request
  $.ajax({
    url: "https://localhost/Continental%20Tourism/register_ajax.php",
    async: false,
    data: {
      email: email
    },
    success: function(response) {
      // Update the DOM and send response data back to parent function
      $("#warning").html(response);
      val = response;
    }
  });

  // Now this will work
  if(val == ".") {
    return true;
  } else {
    $("#warning").show();
    return false;
  }

}
+5

else {
    return false;
    $("#warning").show();
}

$("#warning").show(); .

: ya go:

function validateEmaiAjax(email){
    var URL     = 'https://localhost/Continental%20Tourism/register_ajax.php';
    var Args    = {email: email}

    $('#warning').load(URL, Args, function(html){
        if(html == '.'){
            return true;
        } else {
            $('#warning').show();
            return false;
        }
    });

    return false;
}

:

function validateEmaiAjax(email){
    var URL     = 'https://localhost/Continental%20Tourism/register_ajax.php';
    var Args    = {email: email}

    $.ajax({
        url:     URL,
        type:    'GET'
        data:    Args,
        success: function(html){
            if(html == '.'){
                return true;
            } else {
                $('#warning').show();
                return false;
            }
        }
    });

    return false;
}
+2

, $.ajax async false, .

http://api.jquery.com/jQuery.ajax/

$.ajax({
 url:"https://localhost/Continental%20Tourism/register_ajax.php",
 async: false,
 data: {email: email}, 
 success: function(rspns, stat, xml){ 
   val = rspns; 
  }
 });
+2

This is because your function continues to run and gets in if(val == ".")before it returns an ajax response. Inside the ajax callback function, you only need to use this if statement.

function validateEmaiAjax(email){
    var success;
    $("#warning").load("https://localhost/Continental%20Tourism/register_ajax.php",{email: email}, function(rspns, stat, xml){
        if(rspns == ".")
            success = true;
        else {
            $("#warning").show();
            success = false;
        }
    });
    return success;
}

Also, the warning display and return will change so that it performs

0
source

More articles:


All Articles