<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" 關(guān)閉自動補全 --> </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"關(guān)閉右鍵打開菜單功能 onpaste="return false"關(guān)閉粘貼功能 --> </div> <button id="submit" type="submit" onclick="mysubmit();">登 錄</button> </form>
表單結(jié)構(gòu)
function mysubmit(){ var xhr ; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼 xhr=new XMLHttpRequest(); } else { // IE6, IE5 瀏覽器執(zhí)行代碼 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 échec du chargement de http://localhost/graduationProject/server/login.php?: redirection depuis 'http://localhost/graduationProject /server/login.php' vers 'http://localhost/graduationProject/browser/flappybirds/index.html' a été bloqué par la stratégie CORS?: aucun en-tête 'Access-Control-Allow-Origin' n'est présent sur la ressource demandée. L'origine 'null' n'est donc pas autorisée à accéder.
Problème inter-domaines, php ajouté en-tête('Access-Control-Allow-Origin:*');