Question

我遇到了这个错误消息块，但我无法弄清楚代码出错的地方。

import * as types from '../actions/action-types';

const chart = (state = {}, action) => {
    switch (action.type) {
        case types.ADD_CHART:
            let series = [
                {
                    id: 0,
                    visible: true,
                    title: action.series[0]
                }
            ];

            for (let i = 1; i < action.series.length; i++) {
                series.push({
                    id: i,
                    visible: false,
                    title: action.series[i]
                });
            }

            return {
                id: action.id,
                series
            }

        case types.UPDATE_CHART:
            if (state.id !== action.id) {
                return state;
            }
            let result = {
                id: action.id,
                series: action.series
            };

            return {
                id: action.id,
                series: action.series
            };

        default:
            return state;
    }
}

const charts = (state = [], action) => {
    console.log('charts reducer:');
    console.log('old state:'); // it outputs the updated state
    console.log(state);
    switch (action.type) {
        case types.ADD_CHART:
            return [
                ...state,
                chart(undefined, action)
            ];

        case types.UPDATE_CHART:
            let newState = state.map(c => chart(c, action));
            console.log('new state:');
            console.log(newState);
            return state.map(c => chart(c, action));

        default:
            return state;
    }
}

export default charts;

该数据库包含两个名为Country＆amp; amp;状态。选择国家/地区后，将显示属于该国家/地区的州。

以下是代码。

文件名： index.php

POST http://localhost/get_state.php 500 (Internal Server Error)
send @ jquery-2.1.1.min.js:4ajax @ jquery-2.1.1.min.js:4
getState @ index.php:14onchange @ index.php:34
ListPicker._handleMouseUp @ about:blank:542

文件名：get_state.php

<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "test_db";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
else{
$country=array();
$sql ="SELECT * FROM country";
$result=$conn->query($sql);
}
?>
<html>
<head>
<TITLE>jQuery Dependent DropDown List - Countries and States</TITLE>
<head>
<style>
body{width:610px;}
.frmDronpDown {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
.demoInputBox {padding: 10px;border: #F0F0F0 1px solid;border-radius: 4px;background-color: #FFF;width: 50%;}
.row{padding-bottom:15px;}
</style>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
function getState(val) {
    $.ajax({
    type: "POST",
    url: "get_state.php",
    data:'country_id='+val,
    success: function(data){
        $("#state-list").html(data);
    }
    });
}

function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
</script>
</head>
<body>
<div class="frmDronpDown">
<div class="row">
<label>Country:</label><br/>
<select name="country" id="country-list" class="demoInputBox" onChange="getState(this.value);">
<option value="">Select Country</option>
<?php
    while($country=$result->fetch_assoc()){
    ?>
    <option value="<?php echo $country["id"]; ?>"><?php echo $country["name"]; ?></option>
    <?php
    }
?>
</select>
</div>
<div class="row">
<label>State:</label><br/>
<select name="state" id="state-list" class="demoInputBox">
<option value="">Select State</option>
</select>
</div>
</div>
</body>
</html>

使用PHP 500（内部服务器错误）

0 个答案: