The Question is pretty direct. I have two variables in JS. I want to pass these to a php file first to update a database, and then return back to the original file, a true or false value based on the query. How do i do this?
4
-
I want to do this with pure Javascript. Possible?KaushikTD– KaushikTD2012-06-08 07:12:13 +00:00Commented Jun 8, 2012 at 7:12
-
Ajax is pure Javascript, although wrappers like the jQuery library make Ajax calls a lot easierPekka– Pekka2012-06-08 07:12:45 +00:00Commented Jun 8, 2012 at 7:12
-
Ajax is a technique to load pages into your current page without refreshing and this is what you wantuser1432124– user14321242012-06-08 07:18:08 +00:00Commented Jun 8, 2012 at 7:18
-
Updated the answer with html too! :)Praveen Kumar Purushothaman– Praveen Kumar Purushothaman2012-06-08 07:21:59 +00:00Commented Jun 8, 2012 at 7:21
Add a comment
|
2 Answers
Consider the PHP file for checking existing username as:
<?php
if(mysql_num_rows(mysql_query($query)) === 1)
die('true');
else
die('false');
?>
In your HTML File, you can call this way (using jQuery):
<script type="text/javascript">
function checkUsername()
{
$.ajax({
url: 'checkuser.php?username' = $('#username').val(),
success: function(data) {
if(data == 'true')
alert('Username Available!'); // User Exists!
else
alert('Username not Available!'); // User not Exist!
}
});
}
</script>
And in HTML:
<input type="text" name="username" id="username" />
<a href="#" onclick="checkUsername(); return false;">Check</a>
Hope this helps! :)
answered Jun 8, 2012 at 7:19
Praveen Kumar Purushothaman
167k27 gold badges215 silver badges261 bronze badges
Comments
HTML <'input type = "TEXT" Id="TEXTTOPARSE"> <'Span id="ResultVAlue> On Load of the Page
$(document).ready(function(){
$('#TEXTTOPARSE').bind('onChange', function(){
var val = $(this).val();
updatePage(val);
});
});
function updatePage(value){
$.ajax({
method:"POST",
url:"YourPageLink"
data:{"textValue" : value},
success: function(data){
$('#ResultVAlue').html(data);
}
});
}
