$ajax 跨域请求 node.js 前后端写法

$ajax 方法

浏览器端：

<script src="./jquery-1.11.3.js"></script>

<script>

  $(document).ready(function(){
    $.ajax({
      url:'http://localhost:3300/data',
      async:false,
      dataType:'jsonp',
      processData: false,
      jsonp: "callback",
      jsonpCallback:"ttt",
      type:'get',
      success:function(data){
        console.log(data.name);
      },
      error:function() {
        console.log(111)
      }});
  });
</script>

服务端

app.get("/data",function (req,res) {
  console.log(req.query.callback)
  var callback = req.query.callback;
  res.send(callback + "({ name: '5'})")

});

callback+"({name:5})"  相当于 callback({name:5})返回到浏览器端

script标签方法

方法一：

后端

app.get("/data",function (req,res) {

  res.send("getvalue({ name: '5'})")

});

前端

<script>
  function getvalue(data) {
    console.log(data.name)
  }
  
</script>

<script src="http://localhost:3300/data"></script>

需要和后端人员约定返回调用的函数名

方法二：通过添加script标签获取数据

/**
 *  通过添加script标签获取返回值
 * */

function getvalue(data) {
  console.log(data)
}

var ele = document.createElement('script');
ele.src = 'http://localhost:3300/data?callback=getvalue';
ele.type = 'text/javascript';
ele.language = 'javascript';
document.getElementsByTagName("head")[0].appendChild(ele);