ajax跨域连接

AJAX跨域连接

实现登录操作

Html代码

<form action="#" method="post">
		<table align="center">
			<tr>
				<td>用户名:</td>
				<td><input type="text" name=“name” id="nameReg" /></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="text" name="pwd" id="pwdReg" /></td>
			</tr>
			<tr>
				<td colspan="2"><input type="button" value="登录" onclick="login" />
				</td>
			</tr>
		</table>
	</form>

jQuery代码

<script>
		$(function() {
			$(":button").on("click", function() {
				$.ajax({
					url : "ajax",
					type : "post",
					data : {
						name : $("#nameReg").val(),
						pwd : $("#pwdReg").val(),
					},
					datatype : "text",
					success : function(data) {
						if (data == "ok") {
							window.location.href = "test.jsp";
						} else {
							alert("用户名或密码错误");
						}
					}
				});
			});
		});
	</script>

JAVA代码

String name = "admin";
		String pwd = "123456";
		
		String AjaxName = request.getParameter("name");
		String AjaxPwd = request.getParameter("pwd");
		
		System.out.println(AjaxName + ":" + AjaxPwd);
		
		if(name.equals(AjaxName) && pwd.equals(AjaxPwd)){
			out.print("ok");
		}else{
			out.print("error");
		}