JS异常： Uncaught RangeError: Maximum call stack size exceeded（jquery ajax参数错误）

function sendMsg1() {
	var userName = $("#username1").val();
	var flag=true;
	if("" == userName || undefined == userName) {
		alert("用户名不能为空！");
		flag=false;
		return false;
	}
	
	$.ajax({
		url:$.cxt+'/getDynpwdForLogin',
		type : "POST",
		async: false, 
		data : {
			"userName" : username
		},
		dataType : 'json',
		success:function(data){
		}	
	})
}

本身是一个很简单的调用ajax的函数，但就是一直给我报错。

网上查一个是递归次数过多，还有说js重复引用导致的，我看我的都不是这种问题。

解决方法：

原来是ajax的参数没有声明，

在jq的ajax方法中，出现没有定义的参数就是报那个错，好像是jq内部出现了循环bug，导致循环无法结束。

我是参数名大小写写错了，改正后错误就消失了。

 

补充：

我用bootstrapValidator又出现这个错误了，原因是外层div忘了加.form-group了

<form action="https:" id="form1">
	<div class="loginName">
		<p>员工编号</p>
		<input type="text" name="loginname" id="loginname"/>
	</div>
	<div class="password">
		<p>密码</p>
		<input type="password" name="password"/>
	</div>
	<div class="btn1">
		<button>登录</button>
	</div>
</form>

$("#form1").bootstrapValidator({
    message: '输入值不合法',
    //excluded: [':disabled', ':hidden', ':not(:visible)'],
    live: 'enabled',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        loginname: {
            message: '用户名不合法',
            validators: {
                notEmpty: {
                    message: '用户名不能为空'
                }
                
            }
        }
    }
});

 

解决办法：在外层div 的class上加上form-group即可

<form action="https:" id="form1">
	<div class="loginName form-group">
		<p>员工编号</p>
		<input type="text" name="loginname" id="loginname"/>
	</div>
	<div class="password form-group">
		<p>密码</p>
		<input type="password" name="password"/>
	</div>
	<div class="btn1">
		<button>登录</button>
	</div>
</form>