json 数据的前端后台简单交互

本文详细介绍了一个使用jQuery进行前后端交互的实例,前端通过AJAX发送POST请求,将用户名和密码数据传递给后端,后端处理后返回JSON格式的数据。前端再解析这些数据并更新页面元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、前期准备

前端:adjx传递数据,使用jQuery。

后台:引入json jar包。(避免引用类型使用带来的字符串拼接问题)

二、前端发送请求

       var data = {
               "username":"admin",
               "password":"123456"
               };
             $.ajax({
                        url:"http://localhost:8080//ZYweb/Login",    //请求的url地址
                        dataType:"json",   //返回格式为json
                        async:true,   //请求是否异步,默认为异步,这也是ajax重要特性
                        data:data,    //参数值
                        type:"POST",  //请求方式
                        beforeSend:function(){
                            //请求前的处理
                        },
                        success:function(req){
                            //请求成功时处理 后端返回数据
                    document.getElementById("input_1").value = req.username;
                    document.getElementById("input_2").value = req.password;
                        },
                        complete:function(){
                            //请求完成的处理
                        },
                        error:function(){
                            //请求出错处理
                       alert("请求出错");
                        }
                    });

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值