Jquery Ajax Underfined

时间:2017-04-21 06:15:19

标签: jquery json ajax api

您好,我是新手,这里 我想问一些关于jquery的问题  1.如何在PHP中隐藏undefined  2.如何在API中命名内部名称

这是我的编码 Index.php或

mediamonitoring.comyr.com/jquery.php

或者这个

 <!DOCTYPE html>
    <html>
    <head>
        <title>Tutorial</title>
        <link rel='stylesheet' href='css/css.html'/>
    </head>
    <body>
    <h1>jQuery Ajax Tutorial</h1>
    <h2>Name Age</h2>
    <ul id="tutor">

    </ul>


    </body>
    </html>
    <script src='js/jquery.js'></script>
        <script src="js/index.js"></script>
        <script src="js/main.js"></script>


    </body>
    </html>

和我的Main.js

$(function(){

  var $tutor = $('#tutor');
  $.ajax({
    type: 'GET',
    url: 'http://rest.learncode.academy/api/johnbob/friends',
    success: function(tutor) {
      $.each(tutor,function(i,ex){//the new item is returned with an ID
        $tutor.append('<li>Name:'+ex.name+', Age '+ex.age+'</li>');
      });
    }
  });
});

2 个答案:

答案 0 :(得分:0)

否1.使用if,if(variable == null){ //hide }

没有2.用这个改变你的main.js

$(function(){
  var $tutor = $('#tutor');
  $.ajax({
    type: 'GET',
    url: 'http://rest.learncode.academy/api/johnbob/friends',
    success: function(tutor) {
      $.each(tutor,function(i,ex){//the new item is returned with an ID
        if(ex.name != null && ex.age != null){
            console.log(ex);
            $tutor.append('<li>Name:'+ex.name+', Age '+ex.age+'</li>');
        }        
      });
    }
  });
});

答案 1 :(得分:0)

这是我的答案。 TQ

 <html>
      <head>
        <title>JSON/Atom Custom Search API Example</title>
      </head>
      <body>
        <div id="content">
            <input type="text" id="name">
            <button id="add">Add</button>
        </div>

        <script>
         function hndlr(response) {
        for (var i = 0; i < response.items.length; i++) {
            var item = response.items[i];

            // in production code, item.htmlTitle should have the HTML entities escaped.
            document.getElementById("name").innerHTML +="<br>"+"<b>"+ item.title + "</b>"+"<br>" +item.snippet  + "<br>"+"<a href='"+item.link+"'>"+item.displayLink+"</a>" ;

        }
    }
        </script>
        <script src="https://www.googleapis.com/customsearch/v1?q=response&cx=004123968310343535430%3Aaxml6iel9yo&key=AIzaSyDxPcphnrcN9_dfkRkFTbwkv44m1-HI1Hg&callback=hndlr">
        </script>
      </body>
    </html>