AJAX-----08jsonp跨域请求

jsonp跨域请求其实我个人感觉并非传统上的ajax,因为传统的ajax几乎都是采用了xmlhttprequest这个对象来进行发送数据或者接收数据而已,

而jsop是通过双方约定成一个接口文件,然后用一个函数对她进行请求,和用一个函数来对她进行接收处理罢了,

那么我们这次来实现一个“机器人系统”来玩玩,废话不多说,看代码即可:

AJAX-----08jsonp跨域请求

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function check(){
var ck = document.getElementsByName('cont')[0].value;
var url = "http://op.juhe.cn/robot/index?info=+"+ ck +"+&key=948e0d0555f30e3a4214e7dee98f6935&callback=aa"
//alert(url);
var str = document.createElement('script');
str.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(str);
} function aa(res){
//console.log(res);
document.getElementById('ok').innerHTML = res.result.text;
}
</script>
</head>
<body>
<input type="text" name="cont">
<input type="button" value="search" onclick="check();">
<div id="ok"></div>
</body>
</html>

效果如下所示:

AJAX-----08jsonp跨域请求

AJAX-----08jsonp跨域请求

AJAX-----08jsonp跨域请求

上一篇:Ceph剖析:故障检测


下一篇:Play 中如何使用 Ajax