<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../js/jquery.js"></script>
</head>
<body>
<div id="form-div">
<form id="form1" action="/users/login" method="post">
<p>用户名:<input name="userName" type="text" id="txtUserName" tabindex="1" size="15" value=""/></p>
<p>密 码:<input name="password" type="password" id="TextBox2" tabindex="2" size="16" value=""/></p>
<p><input type="submit" value="登录"> <input type="reset" value="重置"></p>
</form>
</div>
<input type="text" name="resText" id="resText" value="">
<input type="button" id="send" οnclick="login()" value="send"/>
<script type="text/javascript">
window.onload = function() {
alert("君");
}
function login() {
var Date;
alert("chufa");
$.ajax({
//几个参数需要注意一下
type : "POST",//方法类型
dataType : "json",//预期服务器返回的数据类型
url : "/toselect",//url
data : "",
async:false,
success : function(result) {
Date=result;
console.log(result);//打印服务端返回的数据(调试用)
if (result.resultCode == 200) {
alert("SUCCESS");
}
;
},
error : function() {
alert("异常!");
}
});
for(var i=0;i<Date.length;i++){
//$("#resText").html("asd");
$(document).attr("resText",Date[3]);//修改title值
alert(Date[3])
}
$("#resText").attr("value",Date[3]);//填充内容
}
</script>
</body>
</html>
怎么把ajax返回的data在外面实用?
async:false 设置成同步的 定义一个变量进行接受就可以了。
ajax按钮刷新:
看看是否放在form表单里面了,如果是的话那就回刷新页面的
但是如果你想使用点击不刷新的,建议用<input type="button" value="test">