将ID发布到ajax

时间：2018-12-21 23:09:37

标签： php jquery mysql ajax session

当我单击超链接时，我正在使用PHP来显示模式。我在ajax中发布ID时遇到问题，因为它不会从超链接中获取ID并将其发布在ajax中，所以我不知道为什么。

我已经尝试过了，但是没有用：

var id = $(this).attr('autoid');

$.ajax({
    type: 'POST',
    url: "sendtest.php",
    data: {autoid : id},

    success: function(resultData)
    {
        alert(resultData)
    }

代码如下：

<span style="font-size: 15px; color: #ccd5d9; float: left; margin-top: -1px"><a href="#contactModal" role="button" data-toggle="modal">Send a test</a> | <a name="autoid" id="autoid" href="/delete_id.php?id=<?php echo $autoid ?>"> Delete </a> | Copy to Draft | Settings</span>

<div id="contactModal" class="modal fade" style="margin-top: 12%;" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content" style="height: 250px;">
            <div class="modal-header" style="margin-bottom: 10px;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title">Send A Test Email</h3>
            </div>
            <div class="modal-body" style="height: 65%;">
               <form action="" method="post">
                    <label class="label-control" value="">Send test message to email address:</label>
                    <?php
                        $html = '<select name="emails" id="emails" value="" style="width: 400px; margin-top: 10px; margin-bottom: 18px; margin-left: 60px;">';
                        $values = array('unknown', $_SESSION["email"]);

                        foreach($values as $v)
                        {
                            $selected = '';
                            if($v == 'unknown')
                            {
                                $title = '';
                            }else{
                                $title = $v;
                            }

                            if($v == $_SESSION["from"])
                            {
                                $selected = "selected";
                            }
                            $html .= "<option $selected value='$v'>$title</option>";
                        }
                        $html .= "
                        </select><br>";
                        echo $html;
                    ?>

                    <button name="send_email" id="send_email" type="submit" class="btn btn-primary" style="margin-left: 36%;">Send Test</button>
                </form>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">

$('#send_email').click(function(){
    document.getElementById("send_email").innerHTML = "<span><i class=\'fa fa-spinner fa-spin\'></i> Sending...</span>";
    document.getElementById('send_email').disabled = true;
    var id = $(this).attr('autoid');
    alert( $(this).attr('autoid'));


    $.ajax({
        type: 'POST',
        url: "sendtest.php",
        data: {autoid : id},

        success: function(resultData)
        {
            alert(resultData)
            $('#contactModal').modal('hide');
            document.getElementById("send_email").innerHTML = "Send Test";
            document.getElementById('send_email').disabled = false;
        }
        });
    });
</script>

在sendtest.php中：

<?php
// Initialize the session
session_start();

// Check if the user is logged in, if not then redirect him to login page
if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){
    header("location: login.php");
    exit;

}
else if(isset($_POST))
{
    $param_username = $_SESSION['username'];
    $param_campaign = $_SESSION['campaign'];
    $id = $_POST['autocampaign'];
    echo "hello your id is...";
    echo $id;
} 
?>

很抱歉，如果过去发布的内容非常相似，但这是我遇到的困难情况，因此我希望获得一些帮助。

所以我要做的是，当我单击一个按钮以显示模态并选择一个值时，我再次单击一个按钮以获取ID autoid并通过ajax发布，并显示用ID提醒。

能否请您举个例子，我可以使用什么方法来正确地从名为autoid的HTML标记中获取ID，以便将其发布到ajax中以在警报中显示ID？

谢谢。

编辑：当我尝试此操作时不起作用： 

<form action="" method="post">
    <span style="font-size: 15px; color: #ccd5d9; float: left; margin-top: -1px"><a name="autoid" id="autoid" href="#contactModal" role="button" data-toggle="modal">Send a test</a> | <a name="autoid" id="autoid" href="/delete_id.php?id=<?php echo $autoid ?>"> Delete </a> | Copy to Draft | Settings</span>
</form>

在sendtest.php中：

<?php
// Initialize the session
session_start();

// Check if the user is logged in, if not then redirect him to login page
if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){
    header("location: login.php");
    exit;

}
else if(isset($_POST))
{
    $param_username = $_SESSION['username'];
    $param_campaign = $_SESSION['campaign'];
    $id = $_POST['autoid'];
    echo "hello your id is...";
    echo $id;
}
?>

在警报中，我得到的全是hello your id is...。

更新：这是完整的代码： 

<?php
// Initialize the session
session_start();

// Check if the user is logged in, if not then redirect him to login page
if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){
    header("location: login.php");
    exit;
}
else
{
    $link = mysqli_connect('localhost', 'mydbusername', 'mydbpassword', 'mydbname');
    $param_username = $_SESSION['username'];
    $autocampaign = $_SESSION["campaign"];
    $auto_sql = "SELECT id, subject, day_cycle, enabled, delaysend FROM autore WHERE campaign ='$autocampaign' AND username ='$param_username'";

        $results = mysqli_query($link, $auto_sql);

         if (mysqli_num_rows($results) > 0) 
         { 
            while ($row = mysqli_fetch_array($results))
            {
                $autoid = $row["id"];
                $autosubject = $row["subject"];
                $autodaycycle = $row["day_cycle"];
                $autoenabled = $row["enabled"];
                $autodelay = $row["delaysend"];
            }
         }
?>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>





<style type="text/css">


.calendar-content {
    float: left;
    width: 100%;
    min-height: 112px;
    border: 1px solid #ccc;
    position: relative;
    margin-top: -1px;
}


</style>

<div class="calendar-content">
  <div style="margin-left: 40px;margin-top: 20px; height: 40px;">
    <span id="autosubject" style="font-size: 25px;color: #0c7ac0;float: left;">Subject: <?php echo $autosubject ?> </span><br>
    <div style="margin-left: 35px; margin-top: 15px; height: 40px;">
      <form action="" method="post">
        <span style="font-size: 15px; color: #ccd5d9; float: left; margin-top: -1px"><a name="autoid" id="autoid" href="#contactModal" role="button" data-toggle="modal">Send a test</a> | <a name="deleteid" id="deleteid" href="/delete_id.php?id=<?php echo $autoid; ?>"> Delete </a> | Copy to Draft | Settings</span>
      </form>
    </div>
  </div><br>

  <!-- email Modal -->
  <div id="contactModal" class="modal fade" style="margin-top: 12%;" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content" style="height: 250px;">
        <div class="modal-header" style="margin-bottom: 10px;">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h3 class="modal-title">Send A Test Email</h3>
        </div>
        <div class="modal-body" style="height: 65%;">
          <form action="" method="post">
            <label class="label-control" value="">Send test message to email address:</label>
            <select name="emails" id="emails" value="" style="width: 400px; margin-top: 10px; margin-bottom: 18px; margin-left: 60px;">
              <option selected="selected" value='title'>Title</option>";
            </select><br>
            <button name="send_email" id="send_email" type="submit" class="btn btn-primary" style="margin-left: 36%;" data-auto-id="<?php echo $autoid; ?>">Send Test</button>
          </form>
        </div>
      </div>
    </div>
  </div>
<?php
}
?>

<script type="text/javascript">
  $(function() {
  $('#send_email').click(function(e) {
    $(this)
      .html("<span><i class='fa fa-spinner fa-spin'></i> Sending...</span>")
      .prop("disabled", true);
    var id = $(this).data('deleteid');

    $.ajax({
      type: 'POST',
      url: "sendtest.php",
      data: {
        deleteid: id
      },
      success: function(resultData) {
        alert(resultData)
        $('#contactModal').modal('hide');
        $("#send_email")
          .html("Send Test")
          .prop("disabled", false);
      }
    });
  });
});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分：2)

您需要在sendtest.php中进行更改：

$id = $_POST['autocampaign'];

到以下内容：

$id = $_POST['autoid'];

希望有帮助。

已更新

var id = $(this).attr('autoid');将失败，因为$(this)是对Button对象而不是表单的引用。 <button>也没有名为autoid的属性。因此，id将是null或undefined。

id应该从哪里获得价值？

$(function() {
  $('#send_email').click(function(e) {
    $(this)
      .html("<span><i class='fa fa-spinner fa-spin'></i> Sending...</span>")
      .prop("disabled", true);
    var id = $(this).data('auto-id');

    $.ajax({
      type: 'POST',
      url: "sendtest.php",
      data: {
        autoid: id
      },
      success: function(resultData) {
        alert(resultData)
        $('#contactModal').modal('hide');
        $("#send_email")
          .html("Send Test")
          .prop("disabled", false);
      }
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="calendar-content">
  <div style="margin-left: 40px;margin-top: 20px; height: 40px;">
    <span id="autosubject" style="font-size: 25px;color: #0c7ac0;float: left;">Subject: <?php echo $autosubject ?> </span><br>
    <div style="margin-left: 35px; margin-top: 15px; height: 40px;">
      <form action="" method="post">
        <span style="font-size: 15px; color: #ccd5d9; float: left; margin-top: -1px"><a name="autoid" id="autoid" href="#contactModal" role="button" data-toggle="modal">Send a test</a> | <a name="autoid" id="autoid" href="/autoresponder/delete_autoresponder.php?id=<?php echo $autoid; ?>"> Delete </a> | Copy to Draft | Settings</span>
      </form>
    </div>
  </div><br>

  <!-- email Modal -->
  <div id="contactModal" class="modal fade" style="margin-top: 12%;" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content" style="height: 250px;">
        <div class="modal-header" style="margin-bottom: 10px;">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h3 class="modal-title">Send A Test Email</h3>
        </div>
        <div class="modal-body" style="height: 65%;">
          <form action="" method="post">
            <label class="label-control" value="">Send test message to email address:</label>
            <select name="emails" id="emails" value="" style="width: 400px; margin-top: 10px; margin-bottom: 18px; margin-left: 60px;">
              <option selected="selected" value='title'>Title</option>";
            </select><br>
            <button name="send_email" id="send_email" type="submit" class="btn btn-primary" style="margin-left: 36%;" data-auto-id="<?php echo $autoid; ?>">Send Test</button>
          </form>
        </div>
      </div>
    </div>
  </div>

以下代码已清除。首先，我添加了data-auto-id属性，该属性包含PHP中的autoid。然后可以将其读取并传递到AJAX中。

为了一致性，还切换到了所有jQuery。

相关问题
最新问题