个人中心
gpt4 book ai didi

javascript - 无需网络服务器即可在本地运行 AJAX

转载 作者：行者123 更新时间：2023-11-28 08:23:57 25 4
gpt4 key购买 nike

一个月来我一直在寻找这个问题的答案。我正在尝试在本地运行以下脚本并收到“访问被拒绝”错误。

浏览器:IE 8环境:本地、内网

请分享您对此的看法。谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GSDAssist</title>
<script type="text/javascript">

/***********************************************
* Dynamic Ajax Content- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
    var page_request = false
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
        page_request = new XMLHttpRequest()
    else if (window.ActiveXObject){ // if IE
        try {
            page_request = new ActiveXObject("Msxml2.XMLHTTP")
        } 
        catch (e){
            try{
                page_request = new ActiveXObject("Microsoft.XMLHTTP")
            }
            catch (e){}
        }
    }
    else return false
    page_request.onreadystatechange=function(){
        loadpage(page_request, containerid)
    }
    page_request.open('GET', url, true)
    page_request.send(null)
}

function loadpage(page_request, containerid){
    if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
        document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
    if (!document.getElementById)
        return
    for (i=0; i<arguments.length; i++){
        var file=arguments[i]
        var fileref=""
        if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
            if (file.indexOf(".js")!=-1){ //If object is a js file
                fileref=document.createElement('script')
                fileref.setAttribute("type","text/javascript");
                fileref.setAttribute("src", file);
            }
            else if (file.indexOf(".css")!=-1){ //If object is a css file
                fileref=document.createElement("link")
                fileref.setAttribute("rel", "stylesheet");
                fileref.setAttribute("type", "text/css");
                fileref.setAttribute("href", file);
            }
        }
        if (fileref!=""){
            document.getElementsByTagName("head").item(0).appendChild(fileref)
            loadedobjects+=file+" " //Remember this object as being already added to page
        }
    }
}

</script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>GSDAssist</title>
</head>

<body style>

<div id="headerBar">
<marquee id="newsTicker" behavior="scroll" direction="left"><h4>Process Updates: Tickets trashed has to be moved to DBSP RECYCLE TICKET Assignment group</h4></marquee>
</div>

<div id="main">


<div style="width:300px; height:80px; margin-left:5px; margin-bottom:10px; float:left;">
    <img style="padding:5px; float:left;" src="img/logo.png" width="60" />
    <h2 style="float:left; margin-left:5px;">GSDAssist</h2>
</div>

<div style="clear:both; float:left; border-bottom: 1px solid #CCCCCC;">

<a href="javascript:ajaxpage('01/1.html', 'contentarea');" class="btn">#</a>
<a href="javascript:ajaxpage('a/a.html', 'contentarea');" class="btn">A</a>
<a href="javascript:ajaxpage('b/b.html', 'contentarea');" class="btn">B</a>
<a href="javascript:ajaxpage('c.html', 'contentarea');" class="btn">C</a>
<a href="javascript:ajaxpage('d.html', 'contentarea');" class="btn">D</a>
<a href="javascript:ajaxpage('e.html', 'contentarea');" class="btn">E</a>
<a href="javascript:ajaxpage('f.html', 'contentarea');" class="btn">F</a>
<a href="javascript:ajaxpage('g.html', 'contentarea');" class="btn">G</a>
<a href="javascript:ajaxpage('h.html', 'contentarea');" class="btn">H</a>
<a href="javascript:ajaxpage('i.html', 'contentarea');" class="btn">I</a>
<a href="javascript:ajaxpage('j.html', 'contentarea');" class="btn">J</a>
<a href="javascript:ajaxpage('k.html', 'contentarea');" class="btn">K</a>
<a href="javascript:ajaxpage('l.html', 'contentarea');" class="btn">L</a>
<a href="javascript:ajaxpage('m.html', 'contentarea');" class="btn">M</a>
<a href="javascript:ajaxpage('n.html', 'contentarea');" class="btn">N</a>
<a href="javascript:ajaxpage('o.html', 'contentarea');" class="btn">O</a>
<a href="javascript:ajaxpage('p.html', 'contentarea');" class="btn">P</a>
<a href="javascript:ajaxpage('q.html', 'contentarea');" class="btn">Q</a>
<a href="javascript:ajaxpage('r.html', 'contentarea');" class="btn">R</a>
<a href="javascript:ajaxpage('s.html', 'contentarea');" class="btn">S</a>
<a href="javascript:ajaxpage('t.html', 'contentarea');" class="btn">T</a>
<a href="javascript:ajaxpage('u.html', 'contentarea');" class="btn">U</a>
<a href="javascript:ajaxpage('v.html', 'contentarea');" class="btn">V</a>
<a href="javascript:ajaxpage('w.html', 'contentarea');" class="btn">W</a>
<a href="javascript:ajaxpage('x.html', 'contentarea');" class="btn">X</a>
<a href="javascript:ajaxpage('y.html', 'contentarea');" class="btn">Y</a>
<a href="javascript:ajaxpage('z.html', 'contentarea');" class="btn">Z</a>

<br>
<br>
</div>
<div id="contentarea" style="clear:both; float:left;"><h3>Welcome to GSDAssist,</h3><p><h3>Choose the starting letter of the application to get started!</h3></div>
</div>

</body>
</html>

最佳答案

我对此的想法是它不会起作用。

XHR 调用受同域安全策略的约束(CORS 是一个异常(exception)，但是如果不控制服务器，这几乎是不可能的，无论如何，这需要服务器，这就是您的问题)。

重点是浏览器已设置适当的安全策略，这意味着您必须从与您的浏览器当前打开的同一域请求 XHR 数据。

file:/// 是一个与 http:// 完全不同的协议(protocol)，即使如此，浏览器安全性也会阻止本地提供的 HTML 页面访问 file:// 以异步方式内容(以防止页面访问您硬盘上的所有内容，并将您的所有数据发送到世界任何地方)。

目前几乎所有以 Web 为中心的编程语言都包含一个快速启动服务器(NodeJS 除外，但在 Node 中编写一个简单的服务器也非常容易)。

诀窍是设置一个可在 Intranet 上使用的服务器，而无需修改域。

关于javascript - 无需网络服务器即可在本地运行 AJAX，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22649641/

25 4 0
文章推荐： c++ - MFC 下拉菜单(包括屏幕截图)
文章推荐： ios - 以编程方式在 subview 中切换标签栏 View (自定义标签栏 Controller )
文章推荐： javascript - 图像看起来像一个只能在 firefox 中工作的按钮
文章推荐： ios - 重置 UIProgressView 并立即开始使用 Swift 3 制作动画
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com