php - Ajax 调用不返回任何内容

Question

我已经尝试解决以下问题大约 4-5 小时了。

基本上，我有一个 HTML 表单，其中包含从数据库填充的下拉列表和提交按钮。根据所选的值，我想将相关详细信息显示到表格中而不刷新详细信息。问题是我很难理解为什么 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.php304-获取-jobDetails.js

Answer 1

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