码迷,mamicode.com
首页 > Web开发 > 详细

关于ajax跨域

时间:2016-06-19 01:12:22      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:

众所周知,ajax是不允许跨域访问的,但是有的时候我们又需要用到ajax跨域。

其实ajax跨域区分是很严格的,例如同一个服务器,就算端口不一样这也算是跨域。

解决ajax跨域有三个方法:

  1.设置响应头。设置在允许跨域的服务器。setHeader  每一个代码都需要设置。

  2.设置代理。通过代理实现跨域。

  3.JSONP   JSON with padding   用script包裹 只能用get方法提交,不是真正的ajax方法。通过创建script方法跨域,返回一段可以执行的JS代码。

  

      
/*当前网址是localhost:3000*/
js代码
 
$.ajax({
  type:"get",
  url:"http://localhost:3000/showAll",/*url写异域的请求地址*/
  dataType:"jsonp",/*加上datatype*/
  jsonpCallback:"cb",/*设置一个回调函数,名字随便取,和下面的函数里的名字相同就行*/
  success:function(){
   。。。
  }
 });
 
/*而在异域服务器上,*/
app.js
app.get(/showAll,students.showAll);/*这和不跨域的写法相同*/
 
  
/*在异域服务器的showAll函数里,*/
 
var db = require("./database");
 
exports.showAll = function(req,res){
 
/**设置响应头允许ajax跨域访问**/
res.setHeader("Access-Control-Allow-Origin","*");
 /*星号表示所有的异域请求都可以接受,*/
res.setHeader("Access-Control-Allow-Methods","GET,POST");
 
var con = db.getCon();
con.query("select * from t_students",function(error,rows){
 if(error){
  console.log("数据库出错:"+error);
 }else{
  /*注意这里,返回的就是jsonP的回调函数名+数据了*/
  res.send("cb("+JSON.stringify(r)+")");
 }
});
}

 

关于ajax跨域

标签:

原文地址:http://www.cnblogs.com/dh55/p/5597213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!