如何从HTML获取数据以在SQL中进行查询？

Question

This is the button used to send the data

  <a href="#myModal" data-toggle="modal" id="78" data-target="#edit-modal"> <button type="button"   >
    <i class="glyphicon glyphicon-zoom-in"></i>
    </button></a> 

This code shows the data

 <?php  echo  $er="<div class=\"modal-body edit-content\"></div>";  ?>

I want $er to query in below

<?php       
$str = "SELECT * FROM examquestion WHERE EQ_ID = '$er' ";
$Recordset7 = mysql_query($str) or die(mysql_error());
$row_Recordset7 = mysql_fetch_assoc($Recordset7);

echo $row_Recordset7['EQ_ID']; ?>

script

<script>
        $('#edit-modal').on('show.bs.modal', function(e) {

            var $modal = $(this),
                Id = e.relatedTarget.id;

                    $modal.find('.edit-content').html(Id);


        })
    </script>

Answer 1

You can do it by using AJAX. Learn these:

http://www.w3schools.com/ajax/

http://php.net/manual/en/mysqli.quickstart.prepared-statements.php

Prepared statements will save you from SQL Injection attacks. Practice to use it specially if you're doing a query that has an input from user.

HTML

<a href="#myModal" data-toggle="modal" id="78" class='get-content' data-target="#edit-modal">
  <button type="button">
    <i class="glyphicon glyphicon-zoom-in"></i>
  </button>
</a>
<div id="edit-modal">
  <div class="modal-body edit-content"></div>
</div>

PHP (content.php) Using procedural mysql

<?php       
   $er = $_POST['id'];
   $str = "SELECT * FROM examquestion WHERE EQ_ID = '$er' ";
   $Recordset7 = mysql_query($str) or die(mysql_error());
   $row_Recordset7 = mysql_fetch_assoc($Recordset7);

   echo $row_Recordset7['EQ_ID'];  
?>

PHP Using OOP mysqli (prepared statement)

$mysqli = new mysqli("localhost", "user", "password", "database");
$query = "SELECT content FROM examquestion WHERE EQ_ID = ?";
if ( $stmt = $mysqli->prepare($query) )
{
    $stmt->bind_param("s", $er);
    if ( $stmt->execute() )
    {
       $stmt->bind_result($content);
       while ($stmt->fetch()) {
          echo $content;
       }
    }
    $stmt->close();
}

JS

<script>
        $('a.get-content').click(function() {
            var contentId = $(this).attr('id');
            var modalId = $(this).attr('data-target');
            $.ajax({
                url: "content.php",
                type: "POST",
                data: {id: contentId},
                dataType: "html",
                success:function(data){
                    $(modalId).find('.edit-content').eq(0).html(data);
                 }
            });

        });
</script>