Google & Bing Search API Image

Search API

by zachreynolds

HTML

<div id="search">
  <form id="search_form">
    <!-- <input type="text" id="search_txt" placeholder="Logo name" /> -->
    <br><br>
    <input type="text" id="search_img" placeholder="Logo search" />
    <input type="submit" value="Search">
  </form>
</div>
<div id="result"></div>

JavaScript

$("#search_form").submit(function(e) {

  $("#result").html("");

  e.preventDefault();

  var searchQuery = $("#search_img").val();
  //searchQuery =

  if (!searchQuery) {
    //code
    searchQuery = "Nasa TV";
  }



  $.ajax({
    type: "GET",
    dataType: "jsonp",
    url: "https://www.googleapis.com/customsearch/v1",
    data: {
      key: "AIzaSyCzb6SI_JRrp6xLLYV617Ary6n59h36ros",
      cx: "004286675445984025592:ypgpkv9fjd4",
      filter: "1",
      searchType: "image",
      //imgsz: "icon",
      //imgSize: "medium", // small|medium|large|xlarge
      iszw: "250",
      iszh: "250",
      q: searchQuery + "logo"
    }
  }).done(function(data) {


    //alert("Success");
    console.log(data);
    var googleResults = data.items;

    $(".result li").remove();
    //$('#result').isotope('destroy');


    $.each(googleResults, function(i, o) {

      var imageURL = o.image.thumbnailLink;

      if (i % 2 != 0) {

        $("#result").append("<div class='result_item'><img src='" + imageURL + "' /></div>");

      } else {

        $("#result").append("<div class='result_item'><img src='" + imageURL + "' /></div>");

      }


    })



  });

})