Vue项目中使用Vuex + axios发送请求

本文是受多篇类似博文的影响写成的,内容也大致相同。无意抄袭,只是为了总结出一份自己的经验。 一直以来,在使用Vue进行开发时,每当涉及到前后端交互都是在每个函数中单独的写代码,这样一来加大了工作量,二来代码零散复用度不高,修改时要多处修改,漏一处就出问题,三来满足于一种简单的方式不利于深入研究技术。 ... »

用promise封装ajax

首先贴代码 注释: 1,open(method, url, async) method: GET和POST; url: 发送到服务端的url; async: 异步true,同步false; 2,onreadystatechange 每当readyState的值变化,onreadystatechang ... »

手把手创建一个聊天机器人

今天来写一个属于自己的聊天机器人。 思路:当用户点击发送后,需要根据用户输入的内容,提交到服务器,然后由服务器根据你输入的内容,返回对应的结果,我们拿到结果展示到界面上当做机器人的回答即可。 这里使用的接口是图灵机器人,网址:http://www.tuling123.com 1. 搭建界面 界面主要 ... »

前端通信:ajax设计方案(八)--- 设计请求池,复用请求,让前端通信快、更快、再快一点

直接进入主题,本篇文章有点长,包括从设计阶段,到摸索阶段,再到实现阶段,最后全面覆盖测试阶段(包括数据搜集清洗),还有与主流前端通信框架进行对比PK阶段。 首先介绍一下一些概念: 1. 浏览器的并发能力:浏览器设计当初就定义了浏览器打开页面,同时发送http请求的瞬时数量。这样设计有很多原因,同时保 ... »

基于HTTP的长轮询简单实现

Web客户端与服务器之间基于Ajax(http)的常用通信方式,分为短连接与长轮询。 短连接:客户端和服务器每进行一次HTTP操作,就建立一次连接,任务结束就中断连接。 在长轮询机制中,客户端像传统轮询一样从服务器请求数据。然而,如果服务器没有可以立即返回给客户端的数据,则不会立刻返回一个空结果, ... »

【Bootstrap系列】详解Bootstrap-table

本篇文章将与大家分享bootstrap-table插件,借助于它实现基本的增删改查,导入导出,分页,父子表等。 至于其他技术,如冻结表头,列排列,行拖动,列拖动等,会在后续文章中与大家分享。 一 效果图 (一)页面初始化 下图是页面首次加载结束后的效果,主要完成以下功能: 1.日期部门,开始时间:当 ... »

一个有关ajax去获取天气预报然后用echarts展现出来的小demo

这个是我自己第一次尝试做的,虽然很粗糙,但是可以给需要的人看一下,初学的人也可以去了解一下, 先上一个效果图: 然后附上代码: 这里的api请求的接口是我在聚合数据申请的免费测试的接口,总共的次数有500次,我写的时候是刷新一次就会加载一次,就会去请求一次。 现在剩余还有400次左右,反正是免费的, ... »

ajax在同一页面中同控制器不同方法中调用数据并异步刷新的实例

我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧!(此项目是thinkphp5开发的) 先上效果图 这是整体页面图,没错有线上连接,大家可以去看看哈哈 下面的是这篇文章的主角 这部分是ajax异步出来的内容 问 ... »

ajax的20个参数 | AJAX的原理,使用,深入了解

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) 一,ajax参数 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的参数,请求方式(post或get)默认 ... »

ajax上传文件显示进度

下面要做一个ajax上传文件显示进度的操作: 这里先上代码: 1、前端代码 upload.html 2、后端接口(nodejs) app.js 注:接口使用 环境:nodejs 项目结构 static(图片如下) app.js upload.html uploads 框架包express: npm ... »

进度条在AJAX请求中的应用

此篇要分享的是大量并发AJAX请求的情况,对于单独的请求,其实没什么意义,doc上面就可以找到很多sample. 场景: 有n条请求需要发送给后台,单次请求的时间不定。 分析: 如果把n条都放在一次请求里面,会遇到2个问题。 1. 请求数据库时间太长,timeout. 2. 页面时间太长,timeo ... »

从零开始学 Web 之 Ajax(七)跨域

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

从零开始学 Web 之 Ajax(六)jQuery中的Ajax

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »

从零开始学 Web 之 Ajax(二)PHP基础语法

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ... »