jquery ajax 请求一直返回当前页面HTML代码

Question

前端JS
var names =$("#names").val();
if(isNull(names)){
alertMsg({'msg':'请输入姓名！'});
return;
}
var job_number =$("#job_number").val();
if(isNull(job_number)){
alertMsg({'msg':'请输入工号！'});
return;
}
var email =$("#email").val();
if(isNull(email)){
alertMsg({'msg':'请输入邮箱'});
return;
}
$.ajax({
type:"post",
url:"memberBinding.do",
data:{'names':names,'job_number':job_number,'email':email},
dataType:"json",
success:function(result){
alert(result);
alert(result.error);
alert(result.msg);
return;
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
alert("Ajax获取数据失败！");
}
});

后端处理代码：
public String memberBinding() throws Exception {
JSONObject json = new JSONObject();
json.put("error", "1");
json.put("msg", "验证成功");
JSONUtils.printObject(json);
return null;
}
问题描述：
执行这个请求实际是没有发送到服务端去，可是却进入了 success,并且result 返回的数据是当前这个页面的所有HTML元素。改变dataType 为HTML 还是没有用，但是会进入error,status=200,readyState=4，textStatus=parsererror。
这个请求都没有发送到服务端，我已经在服务端跟踪了，没有响应请求。另外服务端返回的结果是JSON字符串格式的数组。服务器端直接用地址栏的形式是可以返回数据的，并且没有任何异常，返回内容{"error":"1","msg":"验证成功"}

Answer 1

首先，你的js代码并没有阻止提交，也就是说，只要names':names,'job_number':job_number,'email':email这几个参数都不为空，请求就应该发送出去了。
其次，你这段代码是怎么触发的?是有一个表单，有提交按钮，通过提交来触发的还是其他的方法。如果是通过提交按钮触发的，请使用preventDefault();或者return false来阻止表单默认的提交行为。
最后，在浏览器上按F12打开开发者工具，在网络标签页里面启用追踪一下网络请求和相应。