JSON APIs and Ajax

**1. $.ajax(opiton) **
$.ajax(opiton)是一种常用的普通封装异步方式， options是一个object类型，它指明了本次ajax调用的具体参数

$.ajax({
 url: "ajax/ajax_selectPicType.jsp",
 data:{Full:"fu"},
 type: "POST",
 dataType:'json',
 success:CallBack,
 error:function(er){
   BackErr(er);
 }
});

2. Convert JSON Data to HTML
$.getJSON( )是专门为ajax获取json数据而设置的，并且支持跨域调用。使用方法如下：

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
url是必选参数，表示json数据的地址；
data是可选参数，用于请求数据时发送数据参数；
success是可参数，这是一个回调函数，用于处理请求到的数据。

$(document).ready(function() {
    $("#getMessage").on("click", function(){
      
      $.getJSON("/json/cats.json", function(json) {

      var html = "";

      json.forEach(function(val) {

        var keys = Object.keys(val); // Object.keys（obj），返回一个数组，数组里是该obj可被枚举的所有属性。
        html += "<div class = 'cat'>";

        keys.forEach(function(key) {
          html += "<strong>" + key + "</strong>:" + val[key] + "<br>";
        });
        html += "</div><br>";
      });

      $(".message").html(html);
      });
    });
  });

** 3. Prefilter JSON **

json = json.filter(function(val) { 
  return (val.id !== 1);
});

**4. Get Geolocation Data **

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) { 
    $("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
 });
}