首页 > 软件开发 > 软件开发

软件开发前端页面ajax连接后台服务器传输数据

admin 软件开发 2021-05-25 09:24:47 mysql python http 
后台-系统设置-扩展变量-手机广告位-内容正文底部

前端页面ajax连接后台服务器传输数据

    • 1.ajax原理描述
    • 2.ajax优点
    • 3.ajax缺点
    • 4.前端使用ajax与后台传输数据

1.ajax原理描述

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

2.ajax优点

(1)页面无刷新更新数据
(2)异步与服务器通信

3.ajax缺点

(1)AJAX的安全问题,容易受到攻击。
(2)AJAX 干掉了Back和History功能,即对浏览器机制的破坏。
优缺点 描述
优点 局部更新
优点 原生支持,不需要任何插件
优点 原生支持,不需要任何插件
缺点 可能破坏浏览器后退功能
缺点 嵌套回调,难以处理

优缺点描述优点局部更新优点原生支持,不需要任何插件优点局部更新缺点可能破坏浏览器后退功能缺点嵌套回调,难以处理

4.前端使用ajax与后台传输数据

"http://localhost:5000/login"为后台的服务器地址;5000为端口号;res为从服务器接收到的数据,data为发送给服务器的数据,数据格式为json。

var dict={'username': 'admin', 'password': mima,'newpassword':xinmima};
    $.ajax({
      type: "POST",
      url: "http://localhost:5000/login",
      contentType: 'application/json; charset=UTF-8',
      data: JSON.stringify(dict) ,
      dataType: "json",
      success: function(res) {
         var dat=res['massage'];
         if(dat==1){
           alert('修改成功,请记住密码');
         }
         else if(dat==2){
           alert('密码修改失败,请检查初始密码')
         }
      }
    })

在vue中使用axios进行通信或者使用$http.post进行通信的在另一栏:axios与后台进行post通信

码字不易~, 各位看官要是看爽了,可不可以三连走一波,点赞皆有好运!,不点赞也有哈哈哈~~~

文章来源:https://blog.csdn.net/yangyaning123/article/details/117198344

后台-系统设置-扩展变量-手机广告位-内容正文底部
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:https://www.jcdi.cn/ruanjiankaifa/30719.html

留言与评论(共有 0 条评论)
   
验证码:
后台-系统设置-扩展变量-手机广告位-评论底部广告位

教程弟

https://www.jcdi.cn/

统计代码 | 京ICP1234567-2号

Powered By 教程弟 教程弟

使用手机软件扫描微信二维码