ajax(jsonp)发送ajax跨域请求

最新推荐文章于 2021-10-01 16:30:20 发布

原创最新推荐文章于 2021-10-01 16:30:20 发布 · 530 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jsonp #跨域

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何通过设置Ajax请求的dataType为jsonp来实现跨域数据获取，并展示了一个具体的例子，包括如何配置参数及处理成功和失败的情况。

1、ajax发送ajax跨域请求设置jsonp参数

$.ajax({
            url:baseUrl + "/voiceUpload/saveVoiceMessage",
            method:"get",
            data:{
                voiceNumber : voiceNumber,
                voiceName : encodeURI(voiceName),
                voiceSize : voiceSize,
                voiceType : voiceType,
                status:status
            },
            dataType:"jsonp",
            jsonp: 'jsoncallback',
            success:function (response) {
                //弹出提示框
                $scope.showKnowFlag = true;
                $scope.knowMessage = response.message;
                $scope.modalFlag = true;
                //调用转写后将数据进行清除
                voiceNumber = "";
                voiceName = "";
                voiceSize = "";
                voiceType = "";
                voiceCount = 0;
                selectCount = 0;
            },
            error:function () {
                //调用转写后将数据进行清除
                voiceNumber = "";
                voiceName = "";
                voiceSize = "";
                voiceType = "";
                voiceCount = 0;
                selectCount = 0;
            }
        });