Выпуск jQuery Ajax Calculator

Question

У меня возникают некоторые проблемы с отображением сообщений об ошибках, которые передаются из php-файла через запрос ajax.

Проблема заключается в том, что я получаю менее 3 сообщений об ошибках, которые должны отображаться внеупорядоченный список.Я не хочу отображать «неопределенные» переменные - поэтому я не добавляю их в неупорядоченный список одним оператором.

Есть предложения?

calculator.html

 <div id="calculator">
 <form>
     <input type="text" name="years"/>
     <label>How many years have you smoked for?</label><br />

     <input type="text" name="smokes"/>
     <label>How many cigarettes do you smoke each day?</label><br />

     <input type="text" name="price"/> 
     <label>How much do you spend on each pack of cigarettes?</label><br />

     <input type="submit" value="Show My Totals" name="submit" />
 </form>

 <div id="result"></div> 
 </div><!-- end calculator -->

calculator.js

 $(function(){  
    $("#calculator form").submit(function(){
        dataString = $("#calculator form").serialize();

        $.ajax({
        type: "POST",
        url: "./calc.php",
        data: dataString,
        dataType: "json",
        success: function(data) {
            if(data.totalSmoked != null && data.totalSmoked != undefined &&
            data.totalCost != null && data.totalCost != undefined &&
            data.totalWeight != null && data.totalWeight != undefined)
            {
                $("#calculator #result").html("<ul><li>" + data.totalSmoked + "</li><li>" + data.totalCost + "</li><li>" + data.totalWeight + "</li></ul>");
            }
            else 
            {
                $("#calculator #result").html("<ul>");

                if(data.yearsError != null && data.yearsError != undefined) {
                    $("#calculator #result ul").html("<li>" + data.yearsError + "</li>");
        }

        if(data.smokesError != null && data.smokesError != undefined) {
                    $("#calculator #result ul").html("<li>" + data.smokesError + "</li>");
        }

        if(data.costError != null && data.costError != undefined) {
            $("#calculator #result ul").html("<li>" + data.costError + "</li>");
        }

        $("#calculator #result").html("</ul>");

            /**** If I replace the above content within the 'else' block, it works however - This will display an "undefined" variable if there are less than 3 errors ****/
            //$("#calculator #result").html("<ul><li>" + data.yearsError + "</li><li>" + data.smokesError + "</li><li>" + data.costError + "</li></ul>");
            }

        }
        });
        return false;  

    });  
});  

calculator.php

$yearsSmoked  = $_POST['years'];  
$smokesPerDay = $_POST['smokes'];  
$costPerPack  = $_POST['price'];  
$errors       = array();  
$results     = array();  


/**  
*  
*  
* A bunch of error checking here...  
*  
*  
*/  


if(!empty($results)) {  
    echo json_encode($results);  
}  
elseif(!empty($errors)) {  
    echo json_encode($errors);  
}  

ОБНОВЛЕНИЕ

Я думаю, это не сработало, потому что я указал ключи массива в своем php-файле.Добавление этого к моему блоку else сработало ... довольно уродливо.

if(data['yearsError'] != undefined) {
    $("#calculator #result ul").append("<li>" + data['yearsError'] + "</li>");
}

if(data['smokesError'] != undefined) {
    $("#calculator #result ul").append("<li>" + data['smokesError'] + "</li>");
}

if(data['costError'] != undefined) {
    $("#calculator #result ul").append("<li>" + data['costError'] + "</li>");
}

Answer 1

Похоже, что массив $ error в PHP - это просто серия сообщений об ошибках, верно? Так как это массив в PHP, он будет массивом на стороне Javascript. Вы можете просто зациклить его для цикла foreach и выплюнуть <li> для каждого найденного элемента.

Вы также можете изменить свою структуру выходных данных и объединить оба в одно сообщение, вместо того, чтобы пытаться определить, какую версию сообщения вы отправили. Таким образом, ваши обычные данные и структуры ошибок всегда присутствуют.

PHP стороны:

$data = array();
$data['data'] = array(
    'totalSmoked' => 0,
    'totalCost' => 0,
    'totalWeight' => 0
);
$data['errors'] = array();
$data['errors'] = 'You smoked -1 packs? How's that possible?' // sample error message

Сторона Javascript:

// this would only run if data.errors has a non-0 length, ie: there's error messages
for(i = 0; i < data.errors.length; i++) {
    $("#calculator #result ul").append('<li>' + data.errors[i] + '</li>'); // or whatever it would be in jquery
}