将这些脚本组合在一起,Javascript / AJAX和PHP

时间:2014-11-01 19:24:11

标签: javascript php jquery ajax

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

我希望能够从表单选项列表中选择一个分支,将该选项中的值发送到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是&#39; Undefined Index&#39;并且脚本失败了。由于变量为空,我无法查询数据库。

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

提前干杯,

的Blinky

1 个答案:

答案 0 :(得分:1)

如果你在这一行收到错误

$ branch = $ _GET [&#39; branchGet&#39;];

这意味着没有设置GET变量,因此PHP提供的$ _GET数组中没有此变量的索引作为GET变量的资源。

获取变量始终在URL中进行编码。分支 ?branchGet = URL的某个值。除非有一些你没有发布的代码,否则$ _GET变量包含任何

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

  2. 我真的看不出PHP上有什么问题,但是错误表明请求URL丢失了?branchGet = URL中的内容。