我已经尝试绕过以下方法约4-5小时。

基本上,我有一个HTML表单,其中包含从数据库填充的下拉列表和Submit按钮。基于所选的值,我想在不刷新详细信息的情况下将相关详细信息显示到表中。问题是我正在努力理解为什么jQuery Ajax不执行任何操作。

HTML格式:

   <form name="jobIDs" method= "POST">
         <label for="valuelist">Job ID </label>
         <select name="jobList" id= "jobList">;
                     <?php
                       $value= $_POST ["jobList"];

                       $db->sql('SELECT jobID FROM jobmaster ORDER BY jobID');
                       $result= $db->getResult();
                        foreach($result as $output){
                        echo '<option   value="'.$output['jobID'].'">'.$output['jobID'].'</option>';
                        }
                        echo "</select>";
                     ?>
         <input type="submit" id="jobID-submit" value="Submit">
         </form>

<table id="jobDetails">
     <thead>
        <tr>
            <th>Detail</th>
            <th>Value</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

<script type="text/javascript" src="scripts/jobDetails.js"></script>


AJAX

            $('input#jobID-submit').on('click',function(){
            var jobid= document.getElementById('jobList').value;
        //  alert (jobid);
              function makeAjaxRequest() {
                    $.ajax({
                        url: 'ajax/s2_jobDetails.php',
                        type: 'POST',
                        data: {jobList: jobid},
                        success: function(response) {
                       $('table#jobDetails tbody').html(response);
                        }
                    });
                }
        });


MYSQL / PHP

if (isset($_POST["jobList"])) {

$value= $_POST["jobList"];

.......connection + mysql query...

foreach ($result as $output){



    echo '<tr>';
    echo '<td> Job ID: </td>';
    echo '<td>' . $output['jobID'] . '</td>' ;
    echo '</tr><tr>';
    echo '<td> Quote ID: </td>' ;
    echo '<td>' . $output['quoteID'] . '</td>';
    echo '</tr>';


提交按钮元素检查

200- POST-section_2.php
304- GET -jobDetails.js

最佳答案

您正在将请求发送到'ajax/s2_jobDetails.php',如果这是此处显示的PHP文件,则似乎您正在发送HTML内容。请指定您将接收的内容类型,例如HTML,JSON等

07-25 22:58
查看更多