<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="js/jquery.validate.js" type="text/javascript" charset="utf-8"></script> -->
</head>
<body>
<form method="post">
<label>用户名:</label>
<input type="text" name="username" value="11111111111" autocomplete="off" placeholder="请输入标题"
class="layui-input"><br>
<label>密码:</label>
<input type="password" name="password" value="22222222" placeholder="请输入密码" autocomplete="off"
class="layui-input"><br>
<input type="button" value="6.AJAX post递交form 登录" onclick='dijiao_form()' />
<input type="button" value="7.AJAX post递交json 注册" onclick='dijiao_json()' />
</form>
</body>
<script type="text/javascript">
/**
* 6.递交调单数据
*/
function dijiao_form() {
var data = $("form").serialize();
var targetUrl = 'http://62.234.4.108:8080/web/login'
console.log(data);
$.ajax({
type: 'post',
url: targetUrl,
cache: false,
data: data, //重点必须为一个变量如:data
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(data) {
console.log(data);
}
})
}
/**
* 7.递交json数据
*/
function dijiao_json() {
var fields = $("form").serializeArray();
var data = {}; //声明一个对象
$.each(fields, function(index, field) {
data[field.name] = field.value; //通过变量,将属性值,属性一起放到对象中
})
var targetUrl = 'http://62.234.4.108:8080/web/register'
console.log(data);
$.ajax({
type: 'post',
url: targetUrl,
contentType: "application/json;charset=utf-8",
cache: false,
data: JSON.stringify(data), //重点必须为一个变量如:data
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(data) {
console.log(data);
}
})
}
</script>
</html>
添加请求头
headers:{'Content-Type1111': 'application/json111'},//设置请求头