我的本地主机上有一个 html 文件,其中包含一个表单和处理发布数据的 jquery/ajax。一个简单的php脚本在mysql数据库表中查找数据
这是主要部分:
// $.post('lookup_update.php', $(this).serialize()) //<- local part which works
$.post('http://www.example.com/projectX/lookup_update.php', $(this).serialize()).done(function (data)
{ etc.
Run Code Online (Sandbox Code Playgroud)
但是当我指向在线 lookup_update.php 时,我在 chrome 中收到以下错误消息
XMLHttpRequest 无法加载http://www.example.com/projectX/lookup_update.php。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问Origin ' http://localhost '。响应具有 HTTP 状态代码 404。
据我了解,我需要使用
header("Access-Control-Allow-Origin: *");
Run Code Online (Sandbox Code Playgroud)
对于 php。但是当我将它添加到 example.com/lookup_update.php 时,当 localhost 文件尝试调用它时,该文件会给出 404。
我还尝试将以下内容添加到我的 Xampp apache 配置文件中
Header set Access-Control-Allow-Origin "*"
Run Code Online (Sandbox Code Playgroud)
如何从我的本地 XAMPP 设置中正确启用跨源资源?
[编辑]这是我在本地主机上的简单表格
<!--Begin form-->
<div id="form" class="result">
<form method="post" id="reg-form" class="form-horizontal">
<div class="controls">
<input type="text" name="code" id="code" placeholder="Code" class="form-control input-lg" />
</div>
</form>
</div>
<!--End …Run Code Online (Sandbox Code Playgroud)