correction Ajax
Créé en 2018 et modifié le 13 Nov 2020
Créé en 2018 et modifié le 13 Nov 2020
partie 1
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> </head> <body> <button class="btn btn-primary" id="btn">Valider</button> <div id="result"></div> <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script> <script src="ajax1.js"></script> </body> </html>
$( document ).ready(function() { //click sur l'id btn $('#btn').click(function(){ $.ajax({ type: "GET", //appel de index.php sur le serveur web url: "http://localhost/ajax1.php", success: function(data){ $("#result").html(data); } }); }); });
<?php echo "bonjour Ajax"; ?>
partie 2 et 3 sans regex
<?php session_start();?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"></head>
<body >
<div class="container"><label for="example-text-input" class=" col-md-8 col-lg-6 col-form-label">Email</label>
<div class="col-md-8 col-lg-6">
<input class="form-control" required="required" type="email" value="" name="email" id="email">
</div>
<br>
<div class="col-md-8 col-lg-6">
<button class="btn btn-danger btn-lg" id="btn" type="submit">Valider</button>
</div>
<br>
<div class="col-md-8 col-lg-6" id="result">
</div>
</div><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script><script>
$( document ).ready(function() {
//click sur l'id btn
$('#btn').click(function(){
var email=$("#email").val();
alert(email);$.ajax({
type: "GET",
url: "http://localhost/ajax2.php?email="+email,
success: function(data){
$("#result").html(data);
},
error:function(httpObj, textStatus){
if(httpObj.status==401){
alert("mauvais email");
}
[...]