分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

浅谈jquery中的ajax请求和跨域请求

发布时间:2023-09-06 01:08责任编辑:顾先生关键词:跨域

ajax请求数据的代码:

$(function () {
???$.ajax({
???????url:url,//请求文件所在的url
???????type:"get",//请求的方式
???????success:function (data) {
???????????console.log(data);//返回的数据
???????}
???})
})
这样请求来的数据一般情况下都可以使用,但是有时候在从这个域名到另外一个域名请求数据时往往会出现所谓的跨域请求问题,

浏览器均默认开启了同源策略,它指Ajax请求所在的页面和被请求的页面在协议、域名、端口均相同才能被访问,否则会提示如下错误:

XMLHttpRequest cannot load xxxxxxx is not allowed by Access-Control-Allow-Origin.
那么在遇到这样的问题的时候怎么解决,jquery里提供了跨域请求的解决方式;
代码为:
$(function () {
???$.ajax({
???????url:url,//请求文件所在的url
type:"get",//请求的方式,
dataType:"jsonp",//数据的格式
jsonp:"callback",
???????success:function (data) {
???????????console.log(data);//返回的数据
}
???})
})
或者用:
jQuery.getJSON("url",function (result) {
???console.log(result);//返回结果
})
如果请求的是script,在使用上面的方法时将dataType的属性值改为"script";使用下面的方法时,则为
jQuery.getScript("url",function (result) {
???console.log(result);//返回结果
});

jsonp:"callback",

浅谈jquery中的ajax请求和跨域请求

原文地址:http://www.cnblogs.com/mark20170707/p/7464790.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved