ie8不支持https協(xié)議的api接口么

用jquery的 jsonp 請(qǐng)求來(lái)獲取接口數(shù)據(jù)，在ie9+和其他瀏覽器都正常，但是在ie8的時(shí)候報(bào)錯(cuò)。后來(lái)經(jīng)過demo測(cè)試發(fā)現(xiàn)是http協(xié)議的接口正常，https協(xié)議的就不行

測(cè)試代碼如下

$.ajax({
    // url: 'https://randomuser.me/api/?results=5', // ie8失敗
    // url: 'http://suggestion.baidu.com/su?wd=11&p=3&t=1526957301796', // ie8成功
    // url: 'https://api.ipify.org/?format=jsonp', // ie8失敗
    // url: 'http://api.ipify.org/?format=jsonp', // ie8成功（與上一個(gè)一樣的接口，只是協(xié)議不同）
    dataType: 'jsonp',
    type: 'get',
    // jsonp: "cb", // 這個(gè)是第2個(gè)url的接口要求
    success: function(res){
        console.log(res)
    },
    error: function(err){
        console.log('錯(cuò)誤', err)
    }
})

除此之外還發(fā)現(xiàn)，只要引入的是https的jquery cdn地址如
<script src="https://cdn.bootcss.com/jquery/1.2.3/jquery.js"></script>
就會(huì)報(bào)

這是ie8不支持https的引用么，因?yàn)橐恢闭也坏焦俜降恼f法，一直無(wú)法明確這個(gè)答案，希望能有明確的說法

回答

編輯回答

風(fēng)清揚(yáng)

如圖 ie8 并沒有你這個(gè)問題

---------補(bǔ)充，別說ie8了，ie5我都跑通了---------

前端代碼如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="https://cdn.bootcss.com/jquery/1.2.3/jquery.js"></script>
    </head>
    <body class="bg1">
        <div id="root"></div>
        <script>
        var $dom = $("#root");
        
        $.ajax({
            url: 'https://localhost:3000/demo/api/sayHi',
            dataType:"json",
            data:{name:"jack"},
            type: 'post',
            success: function(res){
                $dom.text(res.data);
            },
            error: function(err){
                $dom.text('錯(cuò)誤'+err.toString());
            }
        })
        </script>
    </body>
</html>

后端代碼如下，用nodejs實(shí)現(xiàn)的，其他語(yǔ)言也行，反正接口能返回東西就行

const express = require("express");
const app = express();

const fs = require("fs");
//讀取ssl的key
const privateKey = fs.readFileSync('./private.pem', 'utf8');
//讀取ssl的證書
const certificate = fs.readFileSync('./file.crt', 'utf8');
//裝箱
const credentials = { key: privateKey, cert: certificate };
//https的server
const SSLServer = require("https").createServer(credentials, app);

const router = express.Router();
const bodyParser = require("body-parser");

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());

//子路由
app.use("/demo", router);



/************常規(guī)接口開始*************/
//sayHi
router.post("/api/sayHi", (req, res) => {
    const { name } = req.body;
    res.json({code:0,message:"success",data:"hi,"+name})
});

/************常規(guī)接口結(jié)束*************/

//托管靜態(tài)資源
app.use("/demo", express.static('static'));
//404處理
app.use(function (req, res, next) {
    res.setHeader("Content-Type", "text/html;charset=utf-8");
    res.status(404).sendFile(__dirname + "/static/404.html");
});
//其它錯(cuò)誤處理如500
app.use(function (err, req, res, next) {
    if (err) {
        console.log(err.stack.toString());
        res.setHeader("Content-Type", "text/plain;charset=utf-8");
        res.status(500).send('服務(wù)器大姨媽了!<br>servers is broken');
    }
});

SSLServer.listen("3000", function () {
    console.log("https服務(wù)器已啟動(dòng)");
});

以下截圖為我上面貼的代碼以表證據(jù)

-----------結(jié)論/推理------------
你上面所說的同一個(gè)接口一個(gè)http成功一個(gè)https不成功
那要取決于你訪問的這種網(wǎng)頁(yè)是什么協(xié)議如果你網(wǎng)頁(yè)訪問的地址是http的你去訪問一個(gè)https的多半瀏覽器會(huì)阻止的

這句話可能比較拗口，見諒，我文字表述能力不強(qiáng)。。你自己意會(huì)一下吧

2018年5月5日 02:39

編輯回答