Ajax调用Http接口参数拼接方法$.param()用法 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!-- <script type="text/javascript" src="easyui/jquery.form.min.js"></script> -->

<script  type="text/javascript">
function login() {
	var urlparam = {
		method:"login",
		username:$("#username").val(),
		password:$("#password").val(),
		age:"30",
		job:"Programer"
	}
	alert(urlparam);
	alert("login.do?"+$.param(urlparam));
	$.ajax({
		type: 'post',
	    url: "login.do",
        data: $.param(urlparam),
  	    success: function (data) {
		       alert(data);
	     },
	    error:function(data){
		      alert(data);
	    }
	 });
};
</script>
</head>
<body>
    <form id="loginform" action="#" method="post">
		用户名<input type="text" name="username" id="username" required autofocus />
		密 码  <input type="password" name="password" id="password" placeholder="password" required /> 
        <input type="button" value="登录" onclick="login()">
        <div></div>
	</form>
</body>
</html>

用这种方法拼接URL参数对比用 data: $('#loginform').serialize()  方法的优点是灵活。用户可以任意取舍，需要的参数也不一定是要存在的表单元素。可以随意定义，缺点是麻烦。用哪种方法好。见仁见智！

效果如下：

作者原创文章，转载请注明出处！谢谢

posted @ 2022-10-04 00:14  IT情深  阅读(198)  评论(0)  编辑  收藏  举报