JS实现前后端数据交互

您所在的位置：网站首页 › html登录页面代码+数据库 › JS实现前后端数据交互

JS实现前后端数据交互

2024-07-05 11:38| 来源: 网络整理| 查看: 265

前后端交互的问题有

1、数据是怎么发送到后端？

2、后端是怎么接收到前端发送过来的数据？

3、后端怎么对前端发送来的数据进行处理？

4、处理完之后又怎么写入数据库，以及给前端返回处理结果？

案例：实现简单的登陆注册的页面前端：

账号：

密码：

登录注册 err:0,msg:'登录成功'} --> var login = document.querySelector('#login'); var add = document.querySelector('#add'); var user = document.querySelector('#user'); var pass = document.querySelector('#pass'); login.onclick = function (){ ajax({ type: 'get', url: './data/user.php', data: { type: 'login', user: user.value, pass: pass.value }, success: function (data){ var json = JSON.parse(data); if (json.err == 0){ alert(json.msg); } } }); } add.onclick = function (){ ajax({ type: 'get', url: './data/user.php', data: { type: 'add', user: user.value, pass: pass.value }, success: function (data){ var json = JSON.parse(data); if (json.err == 0){ alert(json.msg); } } }); }

后端：

【本文地址】

JS实现前后端数据交互

JS实现前后端数据交互

今日新闻

推荐新闻