javascript - 跨源请求错误

查看:88
本文介绍了javascript - 跨源请求错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="script/jquery-3.2.1.min.js"></script>
<script>
    $(function(){
        $("#send").click(function(){
            $.get("get1.txt",
            {
                username:$("#username").val(),
                content:$("#content").val()
            },
            function(data,textStatus){
                $("#resTest").html(data);
            }
            )
        })
    })
</script>

</head>
<body>

<form id="form1" action="#">
    <p>评论</p>
    <p>姓名:<input type="text" name="username" id="username"/></p>
    <p>内容:<textarea name="content" id="content" rows="2" cols="20">
        </textarea></p>
    <p><input type="button" id="send" value="提交"/></p>
</form>
<div id="resTest"></div>

</body>
</html>

如同上面的代码,在浏览器出现了跨源错误,请问是什么原因呢?

解决方案

chrome ajax不能访问文件协议,可以自己搭建一个服务器

这篇关于javascript - 跨源请求错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆