首页 文章 精选 留言 我的

精选列表

搜索[ajax],共1430篇文章
优秀的个人博客,低调大师

vue中的ajax请求和axios包详解

在vue中,经常会用到数据请求,常用的有:vue-resourse、axios 首先,引入axios CDN: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> npm: npm install axios 并在全局的js中引入:import axios from 'axios'; get请求 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });//欢迎加入全栈开发交流圈一起学习交流:864305860 post请求 //依赖于qs包,将对象转换成以&连接的字符串 //例: axios.post( postUrl ,qs.stringify({userid:1,username:'yyy'})).then(function (response) { consol 配置 axios 使用了 axios 的三个配置项,实际上只有 url 是必须的,完整的 api 可以参考使用说明 为了方便,axios 还为每种方法起了别名,比如上面的 saveForm 方法等价于: axios.post('/user', context.state.test02) 完整的请求还应当包括 .then 和 .catch .then(function(res){ console.log(res) })//欢迎加入全栈开发交流圈一起学习交流:864305860 .catch(function(err){ console.log(err) }) 当请求成功时,会执行 .then,否则执行 .catch 这两个回调函数都有各自独立的作用域,如果直接在里面访问 this,无法访问到 Vue 实例 这时只要添加一个 .bind(this) 就能解决这个问题 .then(function(res){ console.log(this.data) }.bind(this))

优秀的个人博客,低调大师

Socket.D 像 Ajax 一样开发前端接口

我们在"前端接口"开发时,使用 socket.d 协议有什么好处: 功能上可以替代 http 和原生 ws 更安全!现有的工具想抓包数据,难!难!难!(socket.d 是个新的二进制协议) 1、Socket.D 协议特点 基于事件,每个消息都可事件路由 所谓语义,通过元信息进行语义描述 流关联性,有相关的消息会串成一个流 语言无关,使用二进制输传数据(支持 tcp, ws, udp)。支持多语言、多平台 断线重连,自动连接恢复 多路复用,一个连接便可允许多个请求和响应消息同时运行 双向通讯,单链接双向互听互发 自动分片,数据超出 16Mb(大小可配置),会自动分片、自动重组(udp 除外) 接口简单,是响应式但用回调接口 2、客户端示例代码 使用时,可以根据自己的业务对原生接口包装,进一步简化使用。 <script src="js/socket.d.js"></script> <script> //创建单例 const clientSession = SocketD.createClient("sd:ws://127.0.0.1:8602/?u=a&p=2") .open(); //添加用户(加个内容类型,方便与 Mvc 对接) const entity = SocketD.newEntity("{id:1,name:'noear'}").metaPut("Content-Type","text/json"), clientSession.sendAndRequest("/user/add", entity, reply=>{ const rst = JSON.parse(reply.dataAsString()); if(rst.code == 200){ alert("添加成功!"); }else{ alert("添加失败"); } }) </script> Socket.D 有三个发消息的接口: 接口 说明 send 像 websocket。多了事件与元信息属性 sendAndRequest 像 http sendAndSubscribe 像 reactive stream 。多了事件与元信息属性 3、服务端示例代码 原生接口风格 public class Demo { public static void main(String[] args) throws Throwable { //创建监听器 Listener listener = new EventListener().doOnOpen(s->{ //鉴权 if("a".equals(s.param("u")) == false){ s.close(); } }).doOn("/user/add", (s,m)->{ if(m.isRequest()){ s.reply(m, new StringEntity("{\"code\":200}")); } }); //启动服务 SocketD.createServer("sd:ws") .config(c -> c.port(8602)) .listen(listener) .start(); } } Mvc 接口风格 具体参考 solon 的集成效果:https://solon.noear.org/article/652 //控制器 @Controller public class HelloController { @Socket @Mapping("/hello/add") public Result hello(long id, String name) { //{code:200,...} return Result.succeed(); } } 4、开源仓库 github:https://github.com/noear/socket.d gitee:https://gitee.com/noear/socket.d

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册