基于原生JS实现仿JQ中的Ajax

本文探讨了AJAX的跨域问题,介绍了同源策略及其影响,并详细解析了jQuery中Ajax的JSONP用法。通过示例展示了如何用原生JavaScript实现JSONP,解释了为什么JSONP仅支持GET请求。最后提到了CORS头在跨域中的作用,以及解决跨域的其他策略。
摘要由CSDN通过智能技术生成

  从AJAX诞生那天起,XMLHttprequest对象不能跨域请求的问题就一直存在,这似乎是一个很经典的问题了。这是由于同源策略所导致。这里引入下同源策略的百科:

  同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。

 

  围绕Ajax的两大问题就是 一、Ajax以何种格式来交换数据;二、就是跨域问题。交换数据的格式就是json(JavaScript Object Notation) 一种轻量级的数据交换格式。所以这里主要来研究如何解决Ajax的跨域问题。

    首先看看jQuery中的Ajax的调用用法:

$.ajax({
	url : "",
	type : "get/post",
	dataType : "json/jsonp",
	data : {
		jian : ,
		zhi : ,
		dui : 
	},
	success : function(data){
		//请求成功后
	}
});

  在调用jQuery中的Ajax解决跨域问题时,只需要在dataType中选择是json还是jsonp即可。那么问题来了,jsonp是什么呢?

  贴一下百科:

  JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值