Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jquery getJSON不执行问题解决

jquery getJSON不执行问题解决

作者头像
莫斯
发布于 2020-09-09 13:18:00
发布于 2020-09-09 13:18:00
1.4K00
代码可运行
举报
文章被收录于专栏:备份备份
运行总次数:0
代码可运行

出现问题的原因及解决方案

如果遇到getJSON不执行问题 请根据以下步骤一次对号入座并解决

1 getJSON请求是否成功

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
跟踪一下服务器端的后台代码,看前台是否发送请求成功,后台是否成功接收请求

2 回调是否成功

你可以在原回调函数里面加句alert(“回调成功”) , 来确定一下是否调用了回调函数,如果没有调用,则仔细检查你的JSON数据格式

把json 数据输出,拉到 JSON在线验证工具中进行验证即可,一般主要是双引号的问题。


3 Ajax跨域问题

如果JSON 格式正常并且getJSON请求成功 并且你是跨域请求或者浏览器本地测试, 那么几乎是Ajax 跨域问题导致的。

什么叫跨域?字面理解,跨是跨越,域是别的服务器,跨域就是到别的服务器上取东西。报错的意思应该就是chrome下,跨域请求只能通过通过这些协议标准实现:http、data、https、chrom-extension、chrom-extension-resource。

只要协议、域名、或端口有任何一个不同,就会被当做是不同的域。

但是仔细再一想,我请求的是本地文件啊,没有通过服务器请求啊,应该不算跨域么?什么鬼

再查发现,有的同学是使用 chrome, 在浏览器读取本地相对路径脚本时,其禁止向第三方请求数据。 (只要是通过file://方式访问,或者直接拖进浏览器访问,都叫本地运行) 什么叫第三方?那就是不管本地文件、还是服务器url 文件都不行。

3.1 解决方法

在sublime里面 启动sublimeServer,开启服务器模式,在浏览器中通过localhost:8080/index.html访问,再看 debug tool,没有报错了,完美!~成功访问到本地json文件。

附: sublimeServer启动和使用

  1. 打开Package Control,选择install package
  1. 在输入框中输入sublime serve就行了,安装完成
  2. 点击tool–sublimeserver–start sublimeserver

4. 然后到页面,右键选择view in sublimeserve,如图:

  1. 即可在页面上可见
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/05/09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
javascript跨域
最近在项目开发的过程中遇到一些Javascript 跨域请求的问题,今天抽空对其进行总结一下,以备后用,也希望同学们在遇到类似问题的时候可以有所帮助。
张炳
2019/08/02
1.6K0
javascript跨域
ajax cors跨域_jquery跨域
Jsonp 的实现原理就是:创建一个回调函数,然后在远程服务上调用这个函数并且将 JSON 数据形式作为参数传递,完成回调。
全栈程序员站长
2022/09/23
2.8K0
ajax跨域问题以及解决方案_js跨域请求的三种方法
鼠标离开用户名输入框时,检查是否符合要求,如果为空,则给提示,如果不为空,则异步查询数据库,后返回结果;
全栈程序员站长
2022/09/23
3.6K0
ajax跨域问题以及解决方案_js跨域请求的三种方法
ajax跨域解决方案domain_js解决跨域问题
JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。
全栈程序员站长
2022/09/23
2.6K0
ajax跨域解决方案domain_js解决跨域问题
ajax跨域有没有踩过坑,IE低版本浏览器如何支持?
同源策略 为了保证用户信息的安全,防止恶意的网站窃取数据,所有的浏览器都实行这个策略。 同源策略是指,用户在A网页上的所产生的信息,B网页上不能访问,反过来A网页也不能访问其它网页的信息,除非这两个网页"同源"。 为什么说同源策略可以保证用户信息安全,举个栗子:A网站是一家银行,用户登录以后,又去浏览其他网站。如果其他网站可以读取A网站的 Cookie,会发生什么? 两个文档同源需满足 1. 协议相同 2. 域名相同 3. 端口相同 Ajax跨域通信 同源策略规定,Ajax请求只能发给同源的网址,否则就报
连胜
2018/03/07
2.1K0
谷歌浏览器获取本地json文件跨域问题及JSONP的应用
因为要读取本地json文件(test.json),分别使用了原生js方式和ajax方式(代码如下)。
celineWong7
2020/11/05
4.6K0
js跨域请求的三种方法_jQuery
一个域名下网站中的网页,去请求另一个域名下网站中的资源,就是跨域。
全栈程序员站长
2022/11/15
1.6K0
js跨域请求的三种方法_jQuery
ajax跨域请求json数据
作者:matrix 被围观: 5,840 次 发布时间:2014-03-13 分类:零零星星 | 20 条评论 »
HHTjim 部落格
2022/09/26
1.6K0
ajax跨域请求json数据
js ajax 跨域问题 解决方案[通俗易懂]
跨域问题来源于JavaScript的”同源策略”,即只有 协议+主机名+端口号 (如存在)相同,则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源,不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的,html本身没有跨域问题。
全栈程序员站长
2022/09/25
1.8K0
js ajax 跨域问题 解决方案[通俗易懂]
ajax跨域解除方案,关于Ajax跨域问题及解决方案详析「建议收藏」
首先是一个简单的订单系统, 通过访问/loadOrderList, 最终以json串形式返回订单集合. 该项目使用Tomcat发布在7070端口.
全栈程序员站长
2022/09/23
5460
ajax跨域解除方案,关于Ajax跨域问题及解决方案详析「建议收藏」
解决浏览器跨域限制方案之JSONP
JSONP即:JSON with Padding,是一种解决因浏览器跨域限制不允许访问跨域资源的方法。 JSONP是一个非官方的协议,它允许在服务器端返回javascript标签到浏览器,在浏览器端通过调用javascript函数的形式实现访问跨域资源或数据。
编程随笔
2019/09/11
1.2K0
解决浏览器跨域限制方案之JSONP
原生JS与jQuery对AJAX的实现
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
山河木马
2019/03/05
3.2K0
原生JS与jQuery对AJAX的实现
关于前端请求跨域问题解决方案
这个错误是由于浏览器的跨域资源共享(CORS)策略引起的。网页从一个域名(例如'http://127.0.0.1:8848')请求另一个域名(例如'http://192.168.16.107:8092')的资源时,浏览器会阻止这个请求,除非服务器在响应中包含了适当的CORS头信息。
王小婷
2023/09/20
1.5K0
关于前端请求跨域问题解决方案
ajax跨域解决方案_java如何解决跨域问题
从刚接触前端开发起, 跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。
全栈程序员站长
2022/09/23
1.1K0
ajax跨域解决方案_java如何解决跨域问题
JavaScript类库---JQuery(二)
   一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数;
JQ实验室
2022/02/09
1.4K0
JavaScript类库---JQuery(二)
ajax跨域,这应该是最全的解决方案了
前端爱好者的知识盛宴 嗨 这里是IMWEB 一个想为更多的前端人 享知识  助发展 觅福利 有情怀有情调的公众号 欢迎关注转发 让更多的前端技友一起学习发展~ 前言 从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。 个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~ 提纲 关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域
用户1097444
2022/06/29
7960
ajax跨域,这应该是最全的解决方案了
第113天:Ajax跨域请求解决方法
第五步:在监听函数中,判断readyState=4&&status=200表示请求成功
半指温柔乐
2018/09/11
1.5K0
ajax跨域的解决办法_java如何解决跨域问题
大家好,又见面了,我是你们的朋友全栈君。 什么是跨域问题? 跨域问题来源于JavaScript的”同源策略”,即只有 协议+主机名+端口号 (如存在)相同,则允许相互访问。也就是说JavaScrip
全栈程序员站长
2022/09/23
7350
Ajax 跨域问题及其解决方案
主流的前后端分离模式下,当前端调用后台接口时,由于是在非同一个域下的请求,从而会引发浏览器的自我安全保护机制,最终结果是接口成功请求并响应,但前端不能正常处理该返回数据。
佛系贲八拉
2021/08/27
6920
Ajax 跨域问题及其解决方案
ajax跨域,这应该是最全的解决方案了
从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。 个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~ 题纲 关于跨域,有N种类型,本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍),内容大概如下: 什么是ajax跨域 理
企鹅号小编
2018/02/02
1.8K0
ajax跨域,这应该是最全的解决方案了
相关推荐
javascript跨域
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验