4-2使用jquery中的jsonp

$(function () {
    // 按钮的点击事件
    $('#btn').click(function () {
        使用jquery封装的jsonp (虽然使用的ajax方法，但是底层的原理和ajax不一样)
        $.ajax({
            // type: 'get'  -->jsonp中type属性值只能是get,默认也是get，因为他本质是通过script标签的src属性拼接所传的参数
            url: "http://hq.com/myJson3.php",
            dataType: "jsonp",  //数据类型必须指定为jsonp
            data: {"name": "何庆", "age": 21},    //参数    //默认带有如下参数：?callback=jQuery112402269868132810866_1557388553434&_=1557388553435

            jsonp: 'cb', // jsonp属性的作用就是自定义参数名字（callback=abc 这里的名字指的是等号前面的键，后端根据这个键获取方法名，jquery的默认参数名称是callback）
            jsonpCallback:'abc',//这个属性的作用就是自定义回调函数的名字（callback=abc ，这里的名字指的是等号后面的值,jquery的默认参数值是一串随机数字）
            -----jsonp的值需要跟后端约定

            success: function (data) {  // data接收的是服务器返回的调用函数中的实参
                console.log('success');
                console.log(data);
            },
            // 发生错误时调用的方法
            // 如果我们在服务端没有返回函数的调用，例如服务端这样写 echo '123',那么执行的会是error方法，不执行success方法，所以要切记
            error: function (data) {
                console.log('error');
                console.log(data);
            }
        });
    }); 

});