$.ajax( )、$.getJson( )及JSON格式转换

通过cdn或本地引入jQuery：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

1、$.ajax( )

$(function(){    $('#send').click(function(){         $.ajax({             type: "GET",             url: "test.json",             data: {username:$("#username").val(), content:$("#content").val()},             dataType: "json",             success: function(data){                         $('#resText').empty();   //清空resText里面的所有内容                         var html = '';                          $.each(data, function(commentIndex, comment){                               html += '<div class="comment"><h6>' + comment['username']                                         + ':</h6><p class="para"' + comment['content']                                         + '</p></div>';                         });                         $('#resText').html(html);                      }         });    });});

常用参数：
type: “GET | POST” ————- 数据请求方式，默认get
url：“” ————- 数据请求的地址
data: “” ————– 发送到服务器的数据，type为GET时为“ ”或不写data参数
dataType:”” ————– 从服务器返回的数据类型，有 “json | text | script | xml | html | jsonp ”
timeout:”” ————— 设置请求超时时间（毫秒）
async:”” ————— 是否异步请求，默认true
cache:”” ————— 从浏览器缓存中加载请求数据
success: function(data){…} ————— 成功后的回调函数
error: function(json){…} ————— 失败时的调用函数

简写：

$(function(){    $.ajax({        url:"http://***";        success:function(data){            //data 处理        }    });});

2、$.getJSON( )

$(function(){    $.getJSON('http://***',function(data){        //data 处理    });});

3、JSON格式转换
对象转字符串： JSON.stringify( data );
字符串转对象： JSON.parse( data );

注意：json中只支持双引号，不支持单引号。