zoukankan      html  css  js  c++  java
  • Jquery Json

                $(document).ready(function ()
                {
                    var jsonResult;
                    
                    $.get(
                        'json.php',
                         displayData, //收到服务器响应时, Jquery解析它并将一个对象传给此回调方法
                        'json'
                    );
                    // $.getJSON("json.php",displayData);
                    function displayData(data)
                    {
                        jsonResult = data;
                        var str = '<option value="">select a date</option>';
                        for(var i=0; i<data.length;i++)
                        {
                            str+= '<option value="' + data[i].travelDate + '">' + data[i].travelDate + '</option>';
                        }
                        $('#travelDates').html(str);
                        $('#travelDates').change(function()
                        {
                            if($(this).val() != '')
                            {
                                displayDetails($(this).val());
                            }
                        });
                    }
                    
                    function displayDetails(selectedDate)
                    {
                        for(var i=0; i<jsonResult.length;i++)
                        {
                            var aResult = jsonResult[i];
                            if(aResult.travelDate == selectedDate)
                            {
                                $('#origin').html('<strong>Origin : </strong>'+ aResult.origin);
                                $('#destination').html('<strong>Destination : </strong>'+ aResult.destination);
                                var travellers = aResult.passengers;
                                var strTraveller = '<ul>';
                                for(var j=0; j<travellers.length;j++)
                                {
                                    strTraveller+= '<li>';
                                    strTraveller+= travellers[j].name;
                                    strTraveller+= '</li>';
                                }
                                strTraveller+= '</ul>';
                                $('#travellers').html('<strong>Travellers : <br/></strong>'+ strTraveller);
                                break;
                            }
                        }
                    }
                });
  • 相关阅读:
    ssh REMOTE HOST IDENTIFICATION HAS CHANGED!
    pipenv+sublime text3 配置
    华硕N55SF 折腾记
    vscode 的tab与空格设置
    kbenigne学习3 get-started 2创建实体
    设置数据编码
    jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
    jquery与其他js冲突
    php取整
    IE8 indexOf
  • 原文地址:https://www.cnblogs.com/krisy/p/3687606.html
Copyright © 2011-2022 走看看