js跨域调http接口（jsonp） 博客分类： JS js跨域jsonp
程序员文章站
2024-03-14 23:56:59
...
<!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>
推荐阅读
-
js跨域调http接口（jsonp） 博客分类： JS js跨域jsonp
-
JS跨域之document.domain 博客分类： JavaScript跨域 javascript跨域
-
原生JS简单封装JSONP跨域获取数据
-
JSONP解决JS跨域问题的实现
-
利用jsonp解决js读取本地json跨域的问题
-
js跨域利用jsonp的原理
-
原生js的ajax和解决跨域的jsonp(实例讲解)
-
使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？
-
JS封装同域，jsonp跨域（附代码）
-
使用jsonp完成跨域请求，但是请求的链接是js文件，请求总是那个js报错，怎莫办？