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;
                            }
                        }
                    }
                });
  • 相关阅读:
    【例题 6-12 UVA
    【例题 6-11 UVA-297】Quadtrees
    【例题 6-10 UVA
    SpringMVC表单验证器
    Spring MVC常用注解
    什么是Spring Boot?
    什么是Kotlin?Java的替代语言?
    阿里Druid连接池的坑。。
    常见的3种Class级别的错误
    阿里巴巴,排行前10的开源项目
  • 原文地址:https://www.cnblogs.com/krisy/p/3687606.html
Copyright © 2011-2022 走看看