Javascript 将所选数据发送到服务器

我正在尝试向服务器发送数据，选择标记中列出的数字是服务器上已存在的事件id，有人能告诉我如何解决此问题吗

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

2） 服务器端将返回三种类型之一的JSON响应：

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

{“状态”：“确定”}//请求满足时

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

{“status”：“partial”，“reserved”：n}//当部分满足请求时，其中n是保留票证的数量

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

{“状态”：“失败”}//当没有可用提示时

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

如何在屏幕上显示预订的车票数量？

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

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

时事票证：
FHSU步操乐队音乐会门票编号：6761

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

大弯电影节门票ID:454

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

HPPR筹款票号：778

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

帝王蝴蝶在看Chayenne BottomsTicket ID:234

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

登记你的票
用户名
电子邮件
FHSU行进乐队音乐会
大本德电影节
HPPR筹款票证ID
帝王蝶注视着夏延湖底
Ticekts的数量
$（'#register'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
变量详细信息=$（“#寄存器”）.serialize（）；
$.post（$）http://guimon.info/js/tickets.php，详细信息，函数（数据）
{
$（'#register'）.html（数据）；
});
});

将您的选择更改为

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

$（函数（）{
$（'#register'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
变量详细信息=$（“#寄存器”）.serialize（）；
console.log（详细信息）
$.post（'phpResponse.php'，详细信息，函数（数据）
{
控制台日志（数据）；
var event=$（'option:selected'）。text（）；
var票证=$（“#事件”）.val（）；
$（“#results'）.html（“”+event+”TicketID:“+ticket+”
”）；
<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>

});
});
});

在表单末尾插入div标记以显示结果：

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

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

PHP测试代码：

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

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

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

?>

HTML代码：

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

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

时事门票：
登记你的票
用户名
电子邮件
FHSU行进乐队音乐会
大本德电影节
HPPR筹款票证ID
帝王蝶注视着夏延湖底
Ticekts的数量

您能描述一下当您收到不同的响应时，您想采取什么行动吗？在屏幕上显示，如果有订票，请更具体地说明？根据您的请求，响应只返回status和reserved。也就是说，在post之后，您可以询问data.status==ok，然后执行此操作。否则，如果data.status==partial，则执行该操作。如果status为reserved，则显示您输入的已保留的票证数量，您能告诉我如何执行该操作吗？它对我有效！我创建了一个小php程序来返回结果并显示数据，没有任何问题。@UmarSatti:将你的表单操作更改为

action=“#”

你能上传文件并共享链接吗，它给了我无效的表单错误我不知道如何在这里上传文件！对不起，伙计，我得去睡觉了！我想我已经给了你解决问题所需的一切！