js跨域调http接口（jsonp）

最新推荐文章于 2023-06-09 19:24:23 发布

iteye_11613

最新推荐文章于 2023-06-09 19:24:23 发布

阅读量325

点赞数

分类专栏： JS 文章标签： js 跨域 jsonp ViewUI

本文链接：https://blog.csdn.net/iteye_11613/article/details/82639960

版权

JS 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text" id="searchInput"/>
<script>
    var success_jsonpCallback = function (result) {
        console.log("--------------------", typeof result, result);
    };
    document.querySelector("#searchInput").oninput = function (e) {
        if (document.querySelector("#searchPersonJsonp")) {
            this.parentNode.removeChild(document.querySelector("#searchPersonJsonp"));
        }
        var JSONP = document.createElement("script");
        JSONP.id = "searchPersonJsonp";
        JSONP.type = "text/javascript";
        JSONP.src = "http://21.57.14.2/searchperson.ashx?value=" + this.value + "&jsoncallback=success_jsonpCallback";
        this.parentNode.appendChild(JSONP);
    };
</script>
</body>
</html>