标签：style blog http color get 数据
问题：
我在写一个网页的“用户登录”部分时，要将用户名和密码传到后端验证，想在前端用了AJAX异步提交功能，将
用户名密码传到后端，然后后端返回验证结果。但AJAX写好后每次刷新网页都会跳出下载窗口，起初以为是
AJAX传输的数据格式出了问题，导致浏览器误以为后台传来的数据是下载内容（这么猜测的），于是
换了xml，txt，jaon 等格式试了个遍，最后还是没解决。后来翻到这篇帖子，才明白：
http://www.jb51.net/article/32540.htm，我们先看看我的代码：
下面是我前端AJAX部分代码：
$(document).ready(function(){ $("#id_login").click(function(){ if($("#userName").val() == ""){ $("#msgbox").html("Sorry, Empty Username.").addClass(‘myinfo‘).fadeTo(900,1,function(){}); return false; } if($("#passWord").val() == ""){ $("#msgbox").html("Sorry, Empty PassWord.").addClass(‘myinfo‘).fadeTo(900,1,function(){}); return false; } $.ajax({ url: ‘kzkj_check.jsp‘, async:false, data: ‘un=‘+ $(‘#userName‘).val() +‘&pw=‘ + $(‘#passWord‘).val(), type: "get", success: function(msg){ if(msg.toString().trim() != "ERROR") //TRUE,return username;Message Sent, check and redirect { // and direct to the success page //alert("name true "+msg.toString().trim()+"=="); $("#msgbox").html(‘Login Verified, Logging in.....‘).addClass(‘myinfo‘).fadeTo(900,1, function() { document.location=‘kzkj_login.jsp?user=‘+msg; }); } else { //alert("name false "+msg.toString().trim()+"=="); $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox { $(this).html(‘Sorry, Wrong Username Or Password.‘).removeClass().addClass(‘myerror‘).fadeTo(900,1); }); } }, error:function (err) { alert("ajax err:"+ err); } }); });
“登录”控件的代码如下：
<INPUT type=submit name=login value=登录 id=id_login>
这里有个问题：单击控件的时候触发了submit（如上代码），同时也触发了AJAX异步传输，那么，究竟谁先触发，中途二者怎么工作？
根据帖子的意思（http://www.jb51.net/article/32540.htm），先触发AJAX异步传输，由于是异步传输，后台发送数据后在等待前台返回
数据间歇执行了submit，刷新了页面，导致AJAX没收到数据。
问题是，AJAX没收到数据应该执行：
error:function (err) {
alert("ajax err:"+ err);
}
这段代码啊，前端为何会出现下载提示？
反正我删除submit以后一切正常，有高人知道具体细节的请多多指教。
另外一个解决途径：
还有一个原因是因为我用的是异步提交，没等验证成功的时候已经执行了按钮的提交事件，所以页面已经刷新，将其改成同步提交，按钮的提交事件必须等ajax验证结束后判断是否进行提交就可以解决这个问题了！
AJAX异步提交，浏览器总跳出下载界面,布布扣,bubuko.com
标签：style blog http color get 数据
原文地址：http://www.cnblogs.com/McQueen1987/p/3811031.html
