2017-04-06 27 views
0

Ich versuche, Daten an den Server zu senden, die in TAG angegebenen Nummern sind Event-IDs bereits auf dem Server, Kann mir jemand zeigen, wie man das löst?Senden ausgewählter Daten an Server

2) Server-Seite wird eine JSON-Antwort von einem der drei Typen zurück:

{ "status": "ok"} // wenn Anfrage

{ "Status" zufrieden: "teilweise", "reserviert": n} // wenn die Anfrage teilweise erfüllt ist, wobei n eine Anzahl reservierter Tickets ist.

{"status": "fehlgeschlagen"} // wenn keine tikets verfügbar sind.

Wie wird die Anzahl der auf dem Bildschirm gebuchten Tickets angezeigt?

<h1>Current Events Tickets:</h1> 

<p>FHSU marching band concert <b>Ticket ID:6761</b></p> 
<p>Great Bend Film Festival <b>Ticket ID:454</b></p> 
<p>HPPR fundraising <b>Ticket ID:778</b></p> 
<p>Monarch Butterflies watching Chayenne Bottoms<b>Ticket ID:234</b></p> 

<form id="register" action=" http://guimon.info/js/tickets.php" method="post"> 



<h2>Register Your Tickets</h2> 

<label for="name"> Username </label> <input type="text" id="name" name="name"/> 
<label for="email"> Email </label> <input type="email" id="email" name="email"/> 
<label for="event_id"> 
<select> 
    <option value="6761">FHSU marching band concert</option> 
    <option value="454">Great Bend Film Festival</option> 
    <option value="778">HPPR fundraising Ticket ID</option> 
    <option value="234">Monarch Butterflies watching Chayenne Bottoms</option> 
</select> 
    </label> 
<label for="number_of_tickets"> No of Ticekts </label> <input type="text" id="number_of_tickets" name="number_of_tickets"/> 

<input type="submit" value="Join"/> 
</form> 

<Script> 
$('#register').on('submit',function(e){ 
    e.preventDefault(); 
    var details=$('#register').serialize(); 
    $.post(' http://guimon.info/js/tickets.php',details,function(data) 
    { 
     $('#register').html(data); 
    }); 
}); 


</Script> 
+0

können Sie beschreiben, welche Maßnahmen Sie ergreifen möchten, wenn Sie unterschiedliche Antworten bekommen? – funcoding

+0

Auf dem Bildschirm anzeigen, wenn ein Ticket gebucht wird –

+0

genauer? Gemäß Ihrer Anfrage gibt die Antwort nur den Status zurück und ist reserviert. – funcoding

Antwort

0

Ändern Sie Ihr wählen zu <select id="event">

$(function(){ 

    $('#register').on('submit',function(e){ 
    e.preventDefault(); 
    var details=$('#register').serialize(); 
    console.log(details) 
    $.post('phpResponse.php', details, function(data) 
    { 
     console.log(data); 
     var event = $('option:selected').text(); 
     var ticket = $('#event').val(); 
     $('#results').html("<p>"+event+" <b>TicketID: "+ticket+"</p>"); 

    }); 
    }); 
}); 

am Ende des Formulars ein div-Tag einlegen um die Ergebnisse anzuzeigen:

<div id="results"></div> 

PHP Test Code:

<?php 
header('Content-type: application/json'); 

    $data = array('status' => 'ok', 'reserved' => 4); 
    echo json_encode($data); 

?> 

HTML-Code:

<html> 
<head> 
<script src="scripts/jquery-2.1.4.min.js"></script> 
<script src="scripts/reservation.js"></script> 
</head> 
<body> 
<h1>Current Events Tickets:</h1> 
<div id="results"> 
</div> 

<form id="register" action="#" method="post"> 

<h2>Register Your Tickets</h2> 

<label for="name"> Username </label> <input type="text" id="name" name="name"/> 
<label for="email"> Email </label> <input type="email" id="email" name="email"/> 
<label for="event_id"> 
<select id="event"> 
    <option value="6761">FHSU marching band concert</option> 
    <option value="454">Great Bend Film Festival</option> 
    <option value="778">HPPR fundraising Ticket ID</option> 
    <option value="234">Monarch Butterflies watching Chayenne Bottoms</option> 
</select> 
    </label> 
<label for="number_of_tickets"> No of Ticekts </label> <input type="text" id="number_of_tickets" name="number_of_tickets"/> 

<input type="submit" value="Join"/> 
</form> 
</body> 
</html> 
+0

Es funktioniert für mich! Ich habe ein kleines PHP-Programm erstellt, um das Ergebnis zurückzugeben und die Daten ohne Probleme anzuzeigen. – funcoding

+0

@UmarSatti: Ändern Sie Ihre Formularaktion zu "action =" # "' – funcoding

+0

Können Sie die Datei hochladen und teilen Link, es gibt mir ungültige Formular Fehler –

Verwandte Themen