ajax----tomact服务器运行

一、菜鸟教程的代码本地运行

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script>

function loadXMLDoc()

{

    var xmlhttp;

    if (window.XMLHttpRequest)

    {

        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

        xmlhttp=new XMLHttpRequest();

    }

    else

    {

        // IE6, IE5 浏览器执行代码

        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

    xmlhttp.onreadystatechange=function()

    {

        if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {

            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

        }

    }

    xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);

    xmlhttp.send();

}

</script>

</head>

<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>

<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>

</html>

二、报错

index.html:27 Access to XMLHttpRequest at 'file:///C:/Users/Administrator/Desktop/Demo/jsDemo/ajax/ajax/ajax_info.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

索引。html:27访问XMLHttpRequest的文件:///C:/Users/Administrator/Desktop/Demo/jsDemo/ajax/ajax/ajax_info。txt' from origin 'null'已被CORS策略阻止:跨源请求只支持协议模式:http、data、chrome、chrome-extension、https。

三、Tomcat上运行、

　　安装完Tomcat---->tomcat\bin文件夹下双击startup.bat启动---->检测,打开浏览器http://localhost:8080/---->将ajax项目放到webapps下

ps:ajax文件夹包含----》index.html和ajax_info.txt

　　index.html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script>

function loadXMLDoc()

{

    var xmlhttp;

    if (window.XMLHttpRequest)

    {

        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

        xmlhttp=new XMLHttpRequest();

    }

    else

    {

        // IE6, IE5 浏览器执行代码

        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

    xmlhttp.onreadystatechange=function()

    {

        if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {

            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

        }

    }

    xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);

    xmlhttp.send();

}

</script>

</head>

<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>

<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>

</html>

ajax_info.txt

<p>AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下</p>

秒客网

ajax----tomact服务器运行

相关文章