How to pass a variable with $.post for javascript script?

Question

Here is my code in my jquery/javascript that is performing the ajax request...

else {
        $.post("http://www.example.com", {email: val}, 
        function(response){
            finishAjax('email', response);
        });
    }
        joinAjax('cemail');
}
if (id == 'cemail') {

        $('#cemailMsg').hide();
    var email = $('#email').val();
        if (errors.email == false) {

                if (val != email) {

The ajax request is working and all is good, but the next if statement where the argument is:

if (errors.email == false) {

I need to be able to set this variable from my ajax.php file to either true or false and return it so the javascript can read it. Is this possible?? It is because the ajax is checking if the username is available or not, if not available a form error would be true preventing the form submitting, or if false then the user can submit.

My ajax.php file:

if ($_REQUEST['email']) {

$q = $dbc -> prepare("SELECT email FROM accounts WHERE email = ?");
$q -> execute(array($_REQUEST['email']));
if (!$q -> rowCount()) {

    echo '<div id="emailMsg" class="success">Email OK</div>';
    exit();
}
else {

    echo '<div id="emailMsg" class="error">Email taken</div>';
    exit();
}
}

Jay · Accepted Answer · 2011-09-23 23:59:11Z

2

Why not have your ajax.php return an associative array like so:

echo json_encode(array("email" => "success", "key2" => "val2"));

And then use

var responseJSON = JSON.parse(response);

In the $.post callback function to read the response and act accordingly. You can generate the appropriate markup (divs or whatever) client-side and insert it.

answered Sep 23, 2011 at 23:59

Jay

3,5414 gold badges37 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dwerner · Accepted Answer · 2011-09-24 00:25:08Z

0

You may want to back up and determine what you want here. If all you want to do is display a different message depending on the result of the post, return (from the post) the smallest amount of information. In this case the value could simply be boolean. email valid or invalid.

I would recommend returning json from your post.

If you are returning json, the success method (function(response){}) is where you could operate on or evaluate the response.

If you return json (which can be strings from PHP, in this case), it evaluates to JavaScript objects. so if you returned '{"errors":"true"}' it will evaluate to (response.errors === true) within your success method in the post call.

'errors' is undefined, correct? Make it a property of the response json object, and be sure to test for undefined values on the data you get back.

Generate HTML or manipulate CSS based on the values you get from the post.

In that vein, jquery makes it easy to add HTML to the DOM. Try

(can someone fix my formatting and add a code tag if you can edit? I'm on my cell ATM)

  
 $('<div></div>', { 
    text : 'your text here',
    class : 'yourclass' 
}).appendTo($(element));

edited Sep 24, 2011 at 0:25

answered Sep 24, 2011 at 0:06

dwerner

6,6324 gold badges32 silver badges44 bronze badges

1 Comment

Project V1 Over a year ago

Yes I like the idea of returning true or false and inserting everything after, all I need is a boolean value of either true or false. Thanks for this.

Collectives™ on Stack Overflow

How to pass a variable with $.post for javascript script?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related