發送選定的數據到服務器

我想發送數據到服務器，選擇TAG中列出的號碼是事件ID已經在服務器上，有人可以告訴我如何解決這個問題？發送選定的數據到服務器

2）服務器側將返回三種類型之一的JSON響應：

{ 「狀態」：「OK」} //當請求得到滿足

{ 「狀態」：「部分的」，「reserved」：n} //當部分滿足請求時，其中n是預留票的數量。

{「status」：「failed」} //當沒有可用的tikets時。

如何顯示在屏幕上預訂的票數？

<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>

來源

2017-04-06 Umar Satti

你能描述你想，當你得到不同的迴應採取什麼行動？ – funcoding

在屏幕上顯示，如果有任何訂票 –

更具體？根據您的要求，回覆只是返回狀態，並保留。 – funcoding

更改您的選擇<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>"); 

    }); 
    }); 
});

插入在表格的最後一個div標籤來顯示結果：

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

PHP測試代碼：

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

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

?>

HTML代碼：

<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>

來源

2017-04-06 23:52:50 funcoding

它對我有用！我創建了一個小型的PHP程序來返回結果並顯示數據沒有任何問題。 – funcoding

@UmarSatti：將你的表單動作改爲'action =「＃」' – funcoding

你能上傳文件和共享鏈接嗎，它給了我無效的表單錯誤 –

發送選定的數據到服務器

回答

相關問題