아약스 게시 요청 오류

Question

<form  id="loginForm" method="post" onsubmit="return false;">
		<div>
			<input type="text" name="userid" id="userid" class="userid" placeholder="id" autocomplete="off" onfocus="" onblur="" /><!-- autocomplete="off" 关闭自动补全 -->
		</div>
		<div>
			<input type="text" name="username" id="username" class="username" placeholder="用户名" autocomplete="off" onfocus="" onblur="" />
		</div>
		<div>
			<input type="password" name="password" id="password" class="password" placeholder="密码" oncontextmenu="return false" onpaste="return false"  />
			<!-- oncontextmenu="return false"关闭右键打开菜单功能 onpaste="return false"关闭粘贴功能 -->
		</div>
		<button id="submit" type="submit" onclick="mysubmit();">登 录</button>
	</form>

表单结构

function mysubmit(){
				var xhr ;

				if (window.XMLHttpRequest)
				{
				    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
				    xhr=new XMLHttpRequest();
				}
				else
				{
				    // IE6, IE5 浏览器执行代码
				    xhr=new ActiveXObject("Microsoft.XMLHTTP");
				}
				xhr.open("POST","http://localhost/graduationProject/server/login.php",true);
				xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
				xhr.send("userid=1111&username=1111&password=1111");

		// body...
	}

ajax请求

浏览器报错：index.html:1 http://localhost/graduationProject/server/login.php를 로드하지 못했습니다: 'http://localhost/graduationProject에서 리디렉션' /server/login.php'에서 'http://localhost/graduationProject/browser/flappybirds/index.html'로의 연결이 CORS 정책에 의해 차단되었습니다. 요청한 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다. 따라서 원본 'null'에는 액세스가 허용되지 않습니다.

Answer 1

교차 도메인 문제, PHP에 헤더('Access-Control-Allow-Origin:*')가 추가되었습니다.