Webservices entre un client (Javascript) et un serveur(PHP)
Bonsoir,
Je suis en train de tester une communication client-serveur pour débuter avec la compréhension d'un exemple des webservices.
Voici la source du code:
http://stackoverflow.com/questions/9...om-java-script
Après quelques adaptaions, voici le nouveau fichier login.html:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
alert("dddd");
$('#loginForm').submit(function() {
$('#output').html('Connecting....');
var postTo = 'http://localhost:81/webservices/login.php';
alert(postTo);
$.post(postTo,{username: $('[name=username]').val() , password: $('[name=password]').val()} ,
function(data) {
if(data.message) {
alert(data.message);
} else {
$('#output').html('Could not connect');
}
},'json');
return false;
});
});
</script>
</head>
<body>
<form id='loginForm'>
<input type='text' id='username' name='username'/>
<input type='text' id='password' name='password'/>
<button type='submit'>Submit</button>
</form>
</body>
</html> |
et le fichier login.php
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| <?
if(isset($_POST['username']) and isset($_POST['password'])) {
// do logic for logining in (usually query your db)
if ($_POST['username'] == 'test' && $_POST['password'] == 'test') {
$data['success'] = true;
$data['message'] = 'Login succesful';
} else {
$data['success'] = false;
$data['message'] = 'Login failed';
}
// return json
echo json_encode($data);
}
?> |
Après le test, j'ai constaté qu'une requête à partir de la page login.html est bien passée mais la réponse à partir de la page login.php n'existe pas.
Y a-t-il une explication?