<!--html5-->
<dependency>
<groupId>org.springframework.boot
</groupId>
<artifactId>spring-boot-starter-thymeleaf
</artifactId>
</dependency>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<body>
<h1>Hello World
</h1>
<a href="/showUser">showUser
</a>
<!--<form action="/aaafindname">
name:<input type="text" name="name" />
<br/>
password<input type="text" name="pwd"/>
<br/>
<input type="submit" value="提交数据"/>
</form>-->
<!--<form action="/success">
<input type="button" value="提交"/>
</form>-->
姓名:
<input type="text" name="name" id="name"/>
<br/>
密码:
<input type="text" name="pwd" id="pwd"/>
<br/>
<input type="button" value="提交数据" οnclick="doSubmit()
"/>
</body>
<script type="text/javascript">
function doSubmit(){
alert(
1);
$.
ajax({
//访问WebService使用Post方式请求
url:
'http://192.168.2.123:9999/username',
//这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到
data:
{
"name":
$(
"#name").
val(),
"pwd":
$(
"#pwd").
val()},
//
dataType:
'json',
//WebService 会返回Json类型
contentType:
"application/json",
//type: 'POST',
//回调函数，result，返回值
success:
function(data) {
alert(
2);
//id:id value:参数
/* $.each(listMap, function(id, val) {
//alert(val.title);
$("#div1").append(val.title+","+val.createData);
//
//$('#div1').append(this['title'] + " " + this['type']);
//$('#div1').append(this.toString() + " ");
});*/
}
});
}
</script>
</html>
转载请注明原文地址: https://www.6miu.com/read-39146.html
