美文网首页
jQuery - jQuery Ajax

jQuery - jQuery Ajax

作者: 莫名ypc | 来源:发表于2018-11-10 17:34 被阅读0次

    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)
    //                          );
    //                      });
    //                  });
                    });
                });
    

    相关文章

      网友评论

          本文标题:jQuery - jQuery Ajax

          本文链接:https://www.haomeiwen.com/subject/tcttfqtx.html