Ich möchte „Abonnement erfolgreich“ drucken, wenn ich auf die Schaltfläche

Question

HTML-Code beitreten klicken:

<div class="small-3 columns"> 
    <input type="submit" id="join" class="button postfix " value="Join &raquo;"> 
    <span id="error"></span> 
</div> 

ich jQuery Ajax-Post-Daten Methode bin mit drucken „Abonnement erfolgreich“, wenn der Benutzer auf die Schaltfläche verbinden klickt.

jQuery-Code: index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#join").click(function() { 
      var vemail = $("#emailaddy").val(); 
      if(vemail=='') { 
       alert("Please enter email address"); 
      } else { 
       $.post("join.php", //Required URL of the page on server 
       { 
        // Data Sending With Request To Server 
        emailaddy:vemail 
       }, 
       /*function(response,status){ // Required Callback Function 
        alert("*----Received Data----*\n\nResponse : " + response+"\n\nStatus : " + status);//"response" receives - whatever written in echo of above PHP script. 
        $("#form")[0].reset(); 
       });*/ 
      } 
      $("#error").text("hello"); 
     }); 
    }); 
</script> 

Ich habe eine andere Seite erstellt, die von index.php angefordert wird.

<?php 
if($_POST["emailaddy"]) 
{ 
    $email = $_POST["emailaddy"]; 
    // Here, you can also perform some database query operations with above values. 
    echo "Welcome ". $email ."!"; // Success Message 
} 
?> 

Answer 1

können Sie diese

/*function(response,status){ // Required Callback Function 
alert("*----Received Data----*\n\nResponse : " + response+"\n\nStatus : " + status);//"response" receives - whatever written in echo of above PHP script. 
$("#form")[0].reset(); 

Kommentar- und wenn die Antwort wahr Show ein div mit einem "Abonnement erfolgreich" text-message.

Answer 2

Schließen $.post() Methode properly.And gesetzt Abonnement Nachricht von der Funktion innerhalb dieses Beitrags method.Like ..

$.post("join.php", //Required URL of the page on server 
    { // Data Sending With Request To Server 
    emailaddy:vemail 
    }, 
    function(response,status){ 
    alert(response);//alerts welcome email.. 
    $("#error").text("Subscription successful"); 
    $("#form")[0].reset(); 
    });*/ 

Answer 3

Zu allererst eine Datei mit dem Namen functions.php machen, wenn Sie eine nicht haben. Dann machen Sie eine Funktion SetFormMsg ($ msg) und eine ViewFormMsg().

Code:

function SetFormMsg($msg) { 
    if(!isset($_SESSION)){ 
     session_start(); 
    } 
    $_SESSION['formMsg'] = $msg; 
} 

function ViewFormMsg() { 
    if(!isset($_SESSION)){ 
     session_start(); 
    } 
    if(isset($_SESSION['formMsg']) 
    { 
     $message = $_SESSION['formMsg']; 
    } 
    else 
    { 
     $message = ""; 
    } 
    return $message 
} 

und in Ihrem HTML-Code am Ende des Formulars ein Element macht das enthält:

* Wenn Sie alle diese wollen die gehören arbeiten ' functions.php 'am Anfang von HTML und PHP/SQL-Dokumente.

Answer 4

Versuchen Sie, den folgenden Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#join").click(function(){ 
     var vemail = $("#emailaddy").val(); 
     if(vemail=='') 
     { 
      alert("Please enter email address"); 
     } 
     else{ 
      $.post("join.php",{ 'emailaddy': vemail}) 
       .done(function(data) { 
        $("#error").html(data); 
        $("#success").html('Subscription successful'); 
       }); 
     } 

    }); 
}); 
</script> 
<div class="small-3 columns"> 
    <span id="success"></span> 
    <input type="email" name="emailaddy" id="emailaddy"> 
    <input type="submit" id="join" class="button postfix " value="Join &raquo;"> 
    <span id="error"></span> 
</div> 

Answer 5

Wenn die Antwort Erfolg Sie .html statt .text

$ verwenden können ("# Fehler") html ("Abonnement erfolgreich".); für $ ("# error"). text ("Abonnement erfolgreich");