草庐IT

javascript - 未捕获的 TypeError ("no access") jquery 问题取决于浏览器导航

coder 2024-05-12 原文

我试图研究这个,但我完全被难住了。我认为这可能与 same-origin policy 有关,但我无法弄清楚它与我的代码有何关系。

我有一个运行 jquery 和 bootstrap 的 php 站点,它在 mysite/build.php 中呈现动态 Web 表单。包含我的脚本调用的头部如下所示:

<head>
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>

    <!-- Bootstrap Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">        
    
    <!-- Bootstrap Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    
    <!-- app CSS -->
    <link href="/css/styles.css" rel="stylesheet"/>
    
    <!-- Are-You-Sure dirty form checker -->
    <script src="/js/are-you-sure.js"></script>
    
    <!-- app JavaScript -->
    <script src="/js/build-edit-scripts.js"></script>
    
    <!-- obtain sheet data for edit mode -->
    <?php if (isset($items)): ?>
        <script type="text/javascript">
            var items = <?php echo json_encode($items) ?>; 
            var sheetinfo = <?php echo json_encode($sheetinfo) ?>;
            var slug = <?php echo json_encode($slug) ?>;
        </script>
    <?php endif ?>
    
    <!-- obtain single block and bullet elements for js -->
    <script> var blockHTML = <?php echo json_encode($blockhtml) ?>; var bulletHTML = <?php echo json_encode($bullethtml) ?>;</script>
    
    <title><?= (isset($sheetinfo)) ? "Edit: ".htmlspecialchars($sheetinfo['name']) : "Shopping List Generator"; ?></title>
    
</head>

然后我的自定义 javascript (build-edit-scripts.js) 的开头如下所示

//execute when DOM fully loaded 
$(function() {

// enable areYouSure plugin to detect dirty form changes
$('#myform').areYouSure();

// mark form as dirty any time any text input changes
$(document).on('change', 'input:text', function() {
    $('#myform').addClass('dirty');
});

    // create empty array for existing slugs
    var slugs = [];
    
    // initiate ajax request to get dir listing of existing sheets
    $.ajax({

        url: "json-io.php",
     
        data: {
            purpose: "sheetlist"
        },

        type: "POST",

        dataType : "json"
    })

    // if successful
    .done(function(dirjson) {
            slugs = dirjson;
          })

    // if failure
    .fail(function( xhr, status, errorThrown ) {
            alert( "Server Error" );
            console.log( "Error: " + errorThrown );
            console.log( "Status: " + status );
            console.dir( xhr );
    });         

    // give focus to title field
    $("#title").focus();

当我最初加载 build.php 或硬刷新它时,我没有遇到任何问题。但是,每当我导航到外部站点,然后点击后退导航并返回到 build.php 时,我都会收到以下控制台错误:

Uncaught TypeError: no access (@ jquery-3.1.0.min.js:2)

其次是jquery加载不当相关的问题

Uncaught Error: Bootstrap's JavaScript requires jQuery (@ bootstrap.min.js:6)

Uncaught ReferenceError: jQuery is not defined (@ are-you-sure.js:192)

Uncaught ReferenceError: $ is not defined (@ build-edit-scripts.js:12)

从这里开始,我的 JS 的其余部分都不起作用。我最初认为这可能是由于我的 ajax 请求有问题,但即使我完全删除了 ajax 请求,问题仍然存在。任何见解将不胜感激,因为我似乎无法定位问题发生的位置。谢谢。

最佳答案

遇到这个问题是因为我在使用链接的后退按钮导航回来时在 Chrome 中遇到(或遇到过)相同的错误。一旦页面在导航后加载并且任何脚本试图访问窗口对象,就会发生此错误。

此页面是仅有的 2 个对此错误消息(“Uncaught TypeError: no access”)的引用之一,我可以在网络上的任何地方找到 - 另一个是 Chrome 错误报告,据称已在一年前修复。不要认为它与 jQuery 有任何关系(我们的是纯 javascript),但不知道是什么原因导致它或它意味着什么,这似乎是一个非常模糊的错误。重新启动浏览器后,此错误不再重现,但已不止一次出现。一旦脚本代码尝试读取窗口对象的任何窗口属性,它就会发生。发布此信息以防有人知道此错误的含义以及可能导致错误的原因。

关于javascript - 未捕获的 TypeError ("no access") jquery 问题取决于浏览器导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38980275/

有关javascript - 未捕获的 TypeError ("no access") jquery 问题取决于浏览器导航的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身,new.html.erb,有代码:当我运行rspec时,它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf",PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本,我按照提供的说明安装了arubagem。它在我的Gemfile中,我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作,我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了,但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  4. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”,并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符,电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时,所有测试都通过了,但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  5. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据,该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中,我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤,而不是严格相等。然而,这是行不通的:scope:my_scope,->(que

  6. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常,除了该文件不是公开可用的,而且我无法获得它的公共(public)URL。但是当我登录到S3时,我可以正常查看我的文件。为了使其公开可用,我将最后一行更改为obj.upload_file(file

  7. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  8. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  9. ruby - RVM "ERROR: Unable to checkout branch ."单用户 - 2

    我在新的Debian6VirtualBoxVM上安装RVM时遇到问题。我已经安装了所有需要的包并使用下载了安装脚本(curl-shttps://rvm.beginrescueend.com/install/rvm)>rvm,但以单个用户身份运行时bashrvm我收到以下错误消息:ERROR:Unabletocheckoutbranch.安装在这里停止,并且(据我所知)没有安装RVM的任何文件。如果我以root身份运行脚本(对于多用户安装),我会收到另一条消息:Successfullycheckedoutbranch''安装程序继续并指示成功,但未添加.rvm目录,甚至在修改我的.bas

  10. ruby - 如何关闭 ruby​​ gem "Spreadsheet?"中的文件 - 2

    下面的代码在我第一次运行它时就可以正常工作:require'rubygems'require'spreadsheet'book=Spreadsheet.open'/Users/me/myruby/Mywks.xls'sheet=book.worksheet0row=sheet.row(1)putsrow[1]book.write'/Users/me/myruby/Mywks.xls'当我再次运行它时,我会收到更多消息,例如:/Library/Ruby/Gems/1.8/gems/spreadsheet-0.6.5.9/lib/spreadsheet/excel/reader.rb:11

随机推荐