javascript - 将这些脚本组合在一起，Javascript/AJAX 和 PHP

Question

我正在学习这里涉及的所有语言，目前正在努力组合两个脚本来完成一项任务。

我希望能够从表单选项列表中选择一个分支，将该值从选项发送到 php 脚本以查询数据库。然后，从数据库返回的信息将用于使用第二个脚本加载的页面。

Jquery/AJAX 脚本一 - 当前用于使用从用户选择中收集的值将 php 页面加载到 DIV 中。

<script>
    $(document).ready(function(){
        function loadBranch(branch) {
            if (branch) {
        $('div#content2').load('../../procedures/'+ branch +'/ClientCalls/' + branch + '-Bookings.php');
        }
    }
    $('select[name=branch]').on('change', function() {
        loadBranch($(this).val());            
        });
    loadBranch($('select[name=branch]').val());
    });
</script>

我尝试使用第二个脚本来填充前一个脚本已加载的页面。

<script>
$(document).ready(function(){
    $('select[name=branch]').on('change', function() {var branchGet = this.options[this.selectedIndex].value
        console.log(branchGet); 
        $.ajax({                                     
            url: '../../procedures/'+ branchGet +'/ClientCalls/' + branchGet + '-Bookings.php',
            data: {branchGet: branchGet},
            type: 'GET',
            dataType: 'json',
            success: function(data)
            {
                if(data == 'success'){
                    location.reload();
                }
            }
        });
    });
});
</script>

第二个脚本也在发送信息的 php 页面。

<?php
$user = '';
$pass = '';

try {
$DBH = new PDO('mysql:host=localhost;dbname=nightlineDB;', $user, $pass);
$DBH->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$DBH->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);

$branch = $_GET['branchGet'];

$true = 1;

$contactList = $DBH->prepare('SELECT contactName, contactNumber FROM branchcontact WHERE branch = ? AND inUse = ?');
$contactList->execute(array($branch, $true));
$contactResult = $contactList->fetchAll(PDO::FETCH_ASSOC);

<div><p><h4>First Contact</h4> <?php echo $contactResult['0']['contactName'] ." ".$contactResult['0']['contactNumber'] ?></p></div>

$success = 'success';
echo json_encode($success);

}
catch(Exception $e) {
echo 'Error: '.$e->getMessage();
}
?>

第二个脚本中的 console.log 显示已选择正确的分支，但是，我收到一条错误，指出 PHP 文件中的branchGet 为“未定义索引”，并且脚本失败。由于变量为空，我无法查询数据库。

有人可以给我指出正确的方向吗，因为我现在有点困惑。

提前干杯，

眨眼

Answer 1

如果此行出现错误

$branch = $_GET['branchGet'];

这意味着未设置 GET 变量，因此 PHP 提供作为 GET 变量资源的 $_GET 数组中不存在该变量的索引。

获取变量始终编码在 URL 中。分支?branchGet=URL 的某个值。除非有一些代码您尚未发布，否则 $_GET 变量包含任何内容

1. 在浏览器中打开开发人员工具并查看 XHR 请求。验证发布到 php 脚本的 URL 是否以 Bookings.php?branchGet=something 结尾如果是这样，则错误出在 PHP 端。如果不是，则在 jquery 端。

2. 我确实看不出 PHP 上可能出了什么问题，但该错误表明请求 URL 缺少 ?branchGet=URL 中的某些内容。