vue-resource 跨域 post请求 示例

vue-resource 能够跨域,一般使用jsonp,但是当需要发送大量的参数到服务器的时候,需要使用post请求.本文讲述跨域post请求,当然也包括jQuery的使用示例.

需要后端工程师配合设置 Access-Control-Allow-Origin 为 * 

vue-resource 用法 

this.$http.post("http://localhost:8080/cors/cors/CorsPost",{myName:"申玉超",myPwd:"123456"},{emulateJSON: true})
            .then(
              (response)=>{
                console.log(response); 
              },
              (error)=>{
                console.log(error);
              }
            );

一定要设置 {emulateJSON: true},不然跨域不成功.
如果Web服务器无法处理编码为application/json的请求，你可以启用emulateJSON选项。启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML表单一样

在jQuery中使用(跟平常不跨域一样的写法) 

$.ajax({
  url:"http://localhost:8080/cors/cors/CorsPost",
  method:"post",
  data:{myName:"申玉超",myPwd:"123456"},
  dataType:"json",
  success:function(response){
    console.log(response,"success");
  },
  error:function(error){
    console.error(error,"error");
  }
})