美文网首页
4-2使用jquery中的jsonp

4-2使用jquery中的jsonp

作者: 大庆无疆 | 来源:发表于2019-05-10 20:51 被阅读0次
    $(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);
                }
            });
        }); 
    
    });
    

    相关文章

      网友评论

          本文标题:4-2使用jquery中的jsonp

          本文链接:https://www.haomeiwen.com/subject/hyuzoqtx.html