jsonp 跨域请求

前端之家收集整理的这篇文章主要介绍了jsonp 跨域请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

利用script获取不同源的json

  1. function $(str){
  2. return document.getElementById(str)
  3. }
  4. function CreateScript(src) {
  5. var Scrip=document.createElement('script');
  6. Scrip.src=src;
  7. document.body.appendChild(Scrip);
  8. }
  9. function jsonpcallback(json) {
  10. console.log(json);//Object { email="中国",email2="中国222"}
  11. }
  12. $('btn').onclick=function(){
  13. CreateScript("http://localhost:51335/somejson?callback=jsonpcallback")
  14. }

利用jQuery获取jsonp

上面的方式中,又要插入script标签,又要定义一个回调,略显麻烦,利用jQuery可以直接得到想要的json数据,同样是上面的jsonp:

  1. $("#getJsonpByJquery").click(function () {
  2. $.ajax({
  3. url: 'http://localhost:2701/home/somejsonp',dataType: "jsonp",jsonpCallback: "callback",success: function (data) {
  4. console.log(data)
  5. }
  6. })
  7. })

备注:jsonpCallback 注意区分大小写,其后的字符创表示回调函数名,当然这需要在服务器端加入这个函数名,返回的时候通过这个函数执行。

猜你在找的Json相关文章