Response title
This is preview!
Move this topic
jQuery PHP AJAX
in Getting Started
•
10 years ago
Can anyone point me in the right direction or explain how you can send and recieve variable and responses with these three methods?
Using .load() can print something, but I am looking to call a php script for example a login and the result either sucessful or not to be read my jQuery and appropriate action be taken. The box turns green or red lets say.
Any help is appriciated.
Max
1
Replies(5)
Re: jQuery PHP AJAX
10 years ago
Assume the following code:
This "success" or "failure" text is sent to jQuery in the function callback. This is what the function(data) {... part is for.
If jQuery sees that the php file output a success message, it shows a confirmation message. If it instead received a failure message, it shows that. Lastly, if jQuery received something that was not either "success" or "failure," it shows an error message with the contents of the data variable. This can be useful for debugging purposes (thou u really should get firebug for that).
This is just a basic example. If you wanted to get even more legit you could send back custom JSON responses and then have jQuery parse that JSON and show custom error/success messages.
--------------------------------------------------
Victor Michnowicz
http://www.vmichnowicz.com
- $.post("validate.php", { username: $('#username').val(), password: $('#password').val() },
- function(data){
- if (data == 'success') {
- alert('You are legit');
- }
- else if (data == 'failure') {
- alert('incorrect username or password');
- }
- else {
- alert('error: ' + data);
- }
- });
This "success" or "failure" text is sent to jQuery in the function callback. This is what the function(data) {... part is for.
If jQuery sees that the php file output a success message, it shows a confirmation message. If it instead received a failure message, it shows that. Lastly, if jQuery received something that was not either "success" or "failure," it shows an error message with the contents of the data variable. This can be useful for debugging purposes (thou u really should get firebug for that).
This is just a basic example. If you wanted to get even more legit you could send back custom JSON responses and then have jQuery parse that JSON and show custom error/success messages.
--------------------------------------------------
Victor Michnowicz
http://www.vmichnowicz.com
Leave a comment on vmichnowicz's reply
Re: jQuery PHP AJAX
10 years ago
What is JSON? If you could link me to any indepth articles that would be appriciated.
Thanks so far as well ;)
Re: Re: jQuery PHP AJAX
10 years ago
http://www.json.org
-- Kevin
------------------------------------------------
http://www.tentonaxe.com - New Design!
-- Kevin
------------------------------------------------
http://www.tentonaxe.com - New Design!
Re: Re: jQuery PHP AJAX
10 years ago
That JSON site did nothing but confuse me when I first heard about JSON. What helped me was...
JSON is just a way to send data around. And by data, I mean arrays. PHP makes this super easy with the json_encode function. All you do is feed that function an array and echo out the results. BAM!, now you got JSON.
I use JSON extensively for form validation. So, for example, my PHP would build an array consisting of the validation status and, if applicable, the error messages (along with their ID). Kinda like the following:
[validation] => 'failed'
[errors]
[0]
[id] => 'firstname'
[error] => 'First name not provided'
[1]
[id] => 'lastname'
[error] => 'No last name provided'
Then I would json_encode() this array and echo it out. When jQuery gets hold of this data it knows if the validation failed or succeeded. And if it failed, it knows what error messages to display and what form fields to highlight and apply an error class (make them red so the user knows what to fill in).
It is also worth noting that you should only return this JSON string if you are detecting an AJAX response. If the user has JavaScript disabled you don't want them staring at a JSON string. If an AJAX response was not detected, you should simply echo out the error messages in an unordered list (or something similar).
Now, how to detect an AJAX response.
--------------------------------------------------
Victor Michnowicz
http://www.vmichnowicz.com
JSON is just a way to send data around. And by data, I mean arrays. PHP makes this super easy with the json_encode function. All you do is feed that function an array and echo out the results. BAM!, now you got JSON.
I use JSON extensively for form validation. So, for example, my PHP would build an array consisting of the validation status and, if applicable, the error messages (along with their ID). Kinda like the following:
[validation] => 'failed'
[errors]
[0]
[id] => 'firstname'
[error] => 'First name not provided'
[1]
[id] => 'lastname'
[error] => 'No last name provided'
Then I would json_encode() this array and echo it out. When jQuery gets hold of this data it knows if the validation failed or succeeded. And if it failed, it knows what error messages to display and what form fields to highlight and apply an error class (make them red so the user knows what to fill in).
It is also worth noting that you should only return this JSON string if you are detecting an AJAX response. If the user has JavaScript disabled you don't want them staring at a JSON string. If an AJAX response was not detected, you should simply echo out the error messages in an unordered list (or something similar).
Now, how to detect an AJAX response.
--------------------------------------------------
Victor Michnowicz
http://www.vmichnowicz.com
Leave a comment on manicmax's reply
Re: jQuery PHP AJAX
10 years ago
Thanks vmichnowicz great help, and yeah that website did confuse the hell outta me doesn't help at all for a newbie. xD
Leave a comment on manicmax's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to manicmax's question
Statistics
- 5 Replies
- 2242 Views
- 0 Followers