jsonp跨域请求其实我个人感觉并非传统上的ajax,因为传统的ajax几乎都是采用了xmlhttprequest这个对象来进行发送数据或者接收数据而已,
而jsop是通过双方约定成一个接口文件,然后用一个函数对她进行请求,和用一个函数来对她进行接收处理罢了,
那么我们这次来实现一个“机器人系统”来玩玩,废话不多说,看代码即可:
<!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>
效果如下所示: