jQuery（五）Ajax、跨域

$.ajax({
  url:"服务器端接口地址",
  type:"get或post", //请求类型
  data:{  //如果没有参数，可省略
    参数名: 参数值,
     ... : ...
  },
  dataType:"json", 
    //自动调用JSON.parse()将服务器端返回的json字符串转化为内存中直接可用的数组或对象
    //若服务器端返回的不是json字符串，则可以省略
  success:function(result){ 
    //回调函数，请求响应成功后自动触发，形参result自动接住已经编译后的响应结果对象
  //因为ajax是异步的，所以希望在请求成功后才能执行的代码必须写在success内部
  }
})

<script>
    //查询5号商品的详细信息
    $.ajax({
      url: "http://xzserver.applinzi.com/details",
      type: "get",
      data: {
        lid: 5
      },
      dataType: "json",
      success: function (result) {
        console.log(result)
      }
    })
    //登录验证
    $.ajax({
      url: "http://xzserver.applinzi.com/users/signin",
      type: "post",
      data: {
        uname: "dingding",
        upwd: "123456"
      },
      dataType: "json",
      success: function (result) {
        console.log(result);
      }
    })
  </script>

<link rel="stylesheet" href="别的网站的css文件">
<script src="别的网站的js文件">
<img src="别的网站的图片">
<a href="别的网站的页面">
<iframe  src="别的网站的片段">
$.ajax({ url:"别的网站的接口地址" })

<script>
    //向服务器端发送ajax请求，获取天气预报
    $.ajax({
      url: "http://127.0.0.1:3000",
      success: function (result) {
        console.log(result);
      }
    })
  </script>

//node.js中
res.writeHead(200,{ //先写请求头部
   ... : ...,
   "Access-Control-Allow-Origin":"客户端网页所在地址"
 });
res.write(JSON.stringify(响应结果)) //再写响应结果
res.end(); //发送

var cors=require("cors"); //引入cors中间件
var app=express();
app.use(cors({
   origin:[ "http://127.0.0.1:5500", "其它允许跨域的客户端地址",... ]
}))