记录一个浪费我一天时间的ajax问题

<script  type="text/javascript">
$(function() {
	//登录
	$.ajaxSetup({ async: false });
	$('#loginBtn').click(function() {
		login();
	});
});

function login() {
	$.getJSON('<%=renderResponse.encodeURL(loginUrl.toString())%>',function(data){
		alert(data.result);
	});
}
</script>

function login() {
	$.ajax({
        type: "POST",
        url: "<%=renderResponse.encodeURL(loginUrl.toString())%>",
        dataType: "json",
        async: false,
        success: function(data){
        	alert(data.result);
        },
        error : function(XMLHttpRequest,textStatus, errorThrown){
			alert("网络连接出错！");
 			alert(XMLHttpRequest.status);
 			alert(XMLHttpRequest.readyState);    
            alert(textStatus);
			return false;
		}
      });
}

In the ajax operation just add

async: false,

after

datatype: "json",

and that should solve your problem. Chrome has issue handling asynchronus calls.

--------------------------------------------------------------------

You can also use the following before making your call:

$.ajaxSetup( { "async": false } );

I do not know the scope of the "async" property, I suspect that it is a global config. So consider whether you want to change this back to true after your synchronous call.

example:

3rdPartyObject.getCustomValue = function { 
    $.ajaxSetup( { "async": false } );
    var result = $.getJSON('myUrl');
    $.ajaxSetup( { "async": true } );
    return result;
}

resourceResponse.setContentType("application/json;charset=utf-8");
resourceResponse.getWriter().print("{\"result\":\"ok\"}");