跨域的案例 以百度接口/手写接口为例,还有jQuery写法

时间:2021-07-19 15:33:51

  仅在js部分输入即可

  百度接口的案例

  <script>
    function fn(data){
      console.log(data)
  }
  </script>
  <script src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=b&json=1&p=3&sid=1464_21092_18559_28607_28585_26350_28518_28627_20718&req=2&csor=1&cb=fn"></script>

  自己写的接口案例

  <script>

    function fn(data){

      console.log(data)

    }
  </script>
  <script src="01.js"></script>
  在自己写个js文件,文件名为01.js内容如下

  fn([
    {"name":"zhang"},
    {"name":"lisi"}
  ])

  jQuery中跨域获取内容的写法百度接口的案例

  <script>
    $(function(){
      $.ajax({
        type:"get",
        url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",
        async:true,
        data:{wd:"b"},
        dataType:"jsonp",
        jsonp:"cb",
        success:function(data){
          console.log(data)
        }
      });
    })
  </script>

  jQuery跨域解决自己写接口的方法

  <script>
    $(function(){
      $.ajax({
        type:"get",
        url:"http://172.16.29.30:8088/get/%E4%BC%A0%E5%8F%82%E7%9A%84%E5%8A%9F%E8%83%BD.txt",              //将服务器的数据放在页面上
        async:true,
        dataType:"jsonp",
        jsonpCallback:"fn",
        success:function(data){
          console.log(data)
        }
      });
    })
  </script>

  服务器的数据的文件名为    传参的功能.txt    (瞎起的)

  里面的内容为

  fn("hahahahaha");     (参数一定要指定数据类型,不然会报错)