域和跨域
2016年1月22日
2016年2月17日 增加chrome本地文件访问
2016年10月18日 添加iframe和mule
URL由协议,IP,端口和路径组成。其中,具有相同的协议,IP和端口,则属于同一个WEB网站,称为一个域,也称为同源策略。
域、同源策略:目标是保证同一个页面的dom具有唯一性,并隔离不同页面的脚本,提高安全性。所有支持javascript的浏览器都使用此策略。
参考:http://baike.baidu.com/view/3747010.htm
跨域:就是操作不同域中页面的方法。常用方法为JSONP或使用Nginx转换为同域。
参考:http://blog.csdn.net/shimiso/article/details/21830313
http://blog.jobbole.com/53487/
单次请求,同步,无法操作样式等,但不存在跨域问题。
示例:
result ="
参见:jQuery.docx《jsonp》。
由于操作方式与ajax相似,并且ajax需要jsonp进行跨域,所以归入ajax中。
jQuery(document).ready(function(){
$.ajax({
type: "get",
async: false,
url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
success: function(json){
alert('您查询到航班信息:票价:' + json.price + ' 元,余票: ' + json.tickets + ' 张。');
},
error: function(){
alert('fail');
}
});
});