.getJSON() 方法的使用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">

        $(function(){
            
        //.getJSON()  用get方式获取JSON文件    
        //url  数据接口
        //callback :请求成功的回调函数 通过这个成功的函数来获取服务器返回的值
        
            /*$.getJSON('name.json',function(data){
                alert(data);
            });*/
            
            //使用$.getJSON()方法进行JSONP跨域
            //只需要在url后拼接上回调函数的属性名和属性值即可，属性名后台人员指定，属性的值可以使一个  "?"  jquery会自动转化为回调函数名
            //callback 后面的 问号 ，为任意成功的函数名  这里即为function(data)
        
            $.getJSON('http://10.0.159.198/news.php?callbackFun=?',function(data){
                var  news = data.name;
                var newObj = data.age;
                var newGender = data.gender;
                console.log(news);
                console.log(newObj);
                console.log(newGender);
            })
            
            
            
            
        })
    </script>
</head>
<body>
    <button>点击</button>
</body>

</html>

.getJSON() 方法的使用

推荐阅读更多精彩内容