jQuery - jQuery Ajax

2018-11-10  本文已影响0人  莫名ypc

XML最为重要的用途是在两个异构的系统之间交换数据
现在这项功能基本上被JSON和YAML格式替代了
Ajax
通过JavaScript代码向服务器发起异步请求并获得数据
异步请求:在不中断用户体验的前提下向服务器发出请求
获得数据后可以通过DOM操作对页面进行局部刷新加载服务器返回的数据

           $(function(){
                $('#ok').on('click', function(){
                    $.ajax({
                        'url': 'http://api.tianapi.com/meinv/',
                        'type': 'get',
                        'data':{
                            'key':'328090d8db39f59ddd70dc301ed9c216',
                            'num': 10
                        },
                        'dataType': 'json',
                        'success': function(jsonObj){
                                $('#container').empty();
                                $.each(jsonObj.newslist, function(index, mmObj) {
                                    var img = $('<img>').attr('height', '300')
                                                        .attr('src', mmObj.picUrl);
                                    $('#container').append(img);
                                });
                        }
                    });
                    
                    
//                  var url = 'http://api.tianapi.com/meinv/?key=328090d8db39f59ddd70dc301ed9c216&num=10';
//                  $.getJSON(url, function(jsonObj){
//                      $('#container').empty();
//                      $.each(jsonObj.newslist, function(index, mm){
//                          $('#container').append(
//                              $('<img>').attr('height', '500').attr('src', mm.picUrl)
//                          );
//                      });
//                  });
                });
            });
上一篇 下一篇

猜你喜欢

热点阅读