SpringBoot+Ajax数据传输+radio控件赋值+select控件赋值

Cogjen

于 2021-11-19 20:35:46 发布

阅读量1.3k

点赞数 1

分类专栏：平时遇到的问题文章标签： java spring boot javascript ajax 前端

本文链接：https://blog.csdn.net/Cogjen/article/details/121430021

版权

本文介绍了如何在SpringBoot项目中利用Ajax进行数据传输，包括数据的发送和接收。同时，文章详细讲解了如何使用Ajax更新前端页面上的radio和select控件的值，实现动态交互。

摘要由CSDN通过智能技术生成

Ajax数据传输：
1、传数据：

前端代码
//url:代表数据传输的地址
//type:代表传输方式
//data:需要传输的数据
//contentType:消息主体是用何种方式编码
//dataType : 传输的数据格式
// success:传输成功后执行该后面的代码
// error :传输失败后执行该后面的代码
function test() {
        var num = $("#num").val().trim();
        var password = $("#password").val().trim();
        var password1 = $("#password1").val().trim();
        var nickname = $("#nickname").val().trim();
        var data = {num:num,nickname:nickname,password:password,password1:password1,code:code};
        $.ajax({
            url : "/register",
            type : "POST",
            data : JSON.stringify(data),
            contentType : "application/json;charset-UTF-8",
            dataType : "json",
            success : function (data) {
            	 if (data.tips == "success") {
            	 		alert("成功了");
            	 	}
                }