ajax简单版

来源：互联网发布：淘宝老七编辑：程序博客网时间：2024/04/30 01:41

<!--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="提交数据" onclick="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>

阅读全文

0 0