-
AJAX JSON 实例教程
所属栏目:[教程] 日期:2023-04-04 热度:2420
我们可以通过AJAX代码获取JSON数据。AJAX提供了异步获取响应的工具。它不会重新加载页面并节省带宽。
让我们看一个使用AJAX代码获取JSON数据的简单示例。
<html>
<head>
<Meta content="text/html[详细] -
AJAX 请求方式
所属栏目:[教程] 日期:2023-04-04 热度:6416
分享常用的4种Ajax请求方式,希望对你实现Ajax请求开发有所帮助。
在jQuery中,AJAX常见的请求方式主要有一下4种:
1、$.ajax()返回其创建的 XMLHttpRequest 对象
$.ajax() 只有一个参数:参数key/value对象,[详细] -
AJAX 提交 form 表单方法
所属栏目:[教程] 日期:2023-04-04 热度:6592
AJAX提交form表单,这在日常项目中是经常用到的。前台无论是简单的html、jsp或者使用了easyui框架,只要是提交表单一般都会使用到AJAX。
AJAX 提交表单分为2种实现方式
1、无返回结果的,就是把表单数据直接提交[详细] -
AJAX XML 实例
所属栏目:[教程] 日期:2023-04-04 热度:5500
AJAX 可用来与 XML 文件进行交互式通信。
本节通过解析实例来使你了解AJAX是如何读取XML文件的信息的!
我们首先实例化或创建XMLHttpRequest(XHR)对象实例化或创建JavaScript的对象:
xhr = new XMLHttp[详细] -
AJAX 数据库介绍
所属栏目:[教程] 日期:2023-04-04 热度:5519
数据库:数据库可视为电子化的文件柜-存储电子文件的处所,用户可以对文件中的数据进行新增,截取,更新,删除等操作。
常见的型关系数据库有MysqL,sqlSERVER,Oracle,Sybase,DB2等。
AJAX 可用来与数据库进[详细] -
AJAX ASP/PHP 实例
所属栏目:[教程] 日期:2023-04-04 热度:3868
AJAX 用于创造动态性更强的应用程序。
ASP:即Active Server Pages,是MicroSoft公司开发的服务器端脚本环境,可用来创建动态交互式网页并建立强大的web应用程序。
PHP:即Hypertext Preprocessor,超文本预处[详细] -
AJAX - onreadystatechange 事件
所属栏目:[教程] 日期:2023-04-04 热度:9445
当发送一个请求后,客户端需要确定这个请求什么时候会完成,因此,XMLHttpRequest对象提供了onreadystatechange事件机制来捕获请求的状态,继而实现响应。
当请求被发送到服务器时,我们需要执行一些基于响应的任[详细] -
AJAX - 服务器响应
所属栏目:[教程] 日期:2023-04-04 热度:4992
由于 HTTP 响应是由服务端发出的,并且服务器做出响应需要时间(比如网速慢等原因),所以我们需要监听服务器响应的状态,然后才能进行处理。
状态行
xhr.status状态码,如200,304,404等;
响应主体
xh[详细] -
AJAX - XHR向服务器发送请求
所属栏目:[教程] 日期:2023-04-04 热度:944
AJAX使用的XMLHttpRequest的对象与服务器通信。让我们尝试通过下面显示的图像了解AJAX的流程或AJAX的工作原理。
AJAX XHR请求
正如您在上面的示例中所看到的,XMLHttpRequest对象起着重要作用。
用户从U[详细] -
AJAX XHR创建对象介绍
所属栏目:[教程] 日期:2023-04-04 热度:4711
所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
创建 XML[详细] -
AJAX 实例解释
所属栏目:[教程] 日期:2023-04-04 热度:1110
AJAX的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。
为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序。
AJAX 实例解释
上面的 AJA[详细] -
AJAX 介绍
所属栏目:[教程] 日期:2023-04-04 热度:9070
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。
A[详细] -
Element 美化 Todo 项目分析
所属栏目:[教程] 日期:2023-04-04 热度:3904
Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。由 “饿了么” 公司前端团队开源。
编写路由
首先,我们需要定义两个路由,分别是[详细] -
Vue 项目打包部署运用
所属栏目:[教程] 日期:2023-04-04 热度:66
在项目编写完成之后,我们在项目的根目录下运行以下命令:
npm run build
打包结束之后,我们可以看到项目目录里面多了一个 dist 文件夹,这个文件夹里面就是我们项目打包之后的代码。
Node 服务部署
我们在[详细] -
Vue 项目本地 Mock 数据
所属栏目:[教程] 日期:2023-04-04 热度:3266
在日常开发中,接口的联调是非常普遍的。然而,有些时候接口并不会及时提供,这时候就需要我们自己 Mock 数据来模拟接口的实现。
首先,我们在项目的根路径下创建 vue.config.js 文件,并在文件中写如下配置:[详细] -
Vue 第三方库的使用方法
所属栏目:[教程] 日期:2023-04-04 热度:6778
学会使用第三方库,可以说是前端工程师最基本的技能。其实,使用第三方库非常简单,绝大部分库的文档中都会教我们如何使用。
接下来我们用几个案例来学习使用第三方库。
我们打开 ElementUI 的官网,根据官网的[详细] -
Vue-Cli 项目文件结构分析
所属栏目:[教程] 日期:2023-04-04 热度:3782
Vue-Cli 给我们提供了一个默认的项目文件结构,当然你并不是一定要按照这个文件结构来编写项目,你完全可以根据项目的需要或者个人喜好对项目结构加以改写。
我们打开之前通过脚手架创建的项目,在项目的根目录下[详细] -
Vue-Cli & VueDevTools安装方法
所属栏目:[教程] 日期:2023-04-04 热度:1487
vue-cli 是由 Vue 提供的一个官方 cli,专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成 vue.js+webpack 的项目模板。
// npm 安装
npm install -g @vue/cli
// yarn 安装
yarn global add @vue/cl[详细] -
Vuex Modules定义
所属栏目:[教程] 日期:2023-04-04 热度:8806
在复杂的大型项目中,如果将所有的数据都存在一个 state 对象中,那将使得 store 对象变得非常大,难于管理。这时候,使用 module 将变得异常重要。Modules 并非难点,接下来我们就一步步介绍 modules 的使用。
M[详细] -
Vuex Action教程
所属栏目:[教程] 日期:2023-04-04 热度:4464
Action 类似于 Mutation,不同的是:
Action 提交的是 mutation,而不是直接变更状态。
Action 可以包含任意异步操作。在 vuex 的使用过程中,我们可以将多个 Mutation 合并到一个 Action 中,也可以通过 Action[详细] -
Vuex Mutation介绍
所属栏目:[教程] 日期:2023-04-04 热度:6778
Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:
const s[详细] -
Vuex Getter使用
所属栏目:[教程] 日期:2023-04-03 热度:7299
本小节我们将介绍 Vuex 中 getter 的使用方式。包括如何定义 getter、使用 getter、辅助函数 mapGetters 的使用。Getter 在项目中的使用非常普通,学会使用 Getter 可以避免我们重复的通过 state 获取数据。同学们在[详细]
-
Vuex State教程
所属栏目:[教程] 日期:2023-04-03 热度:5024
本小节我们将学习和使用 Vuex 中 state 的概念。包括如何创建 state、组件中获取 state、以及辅助函数 mapState 的使用方法。
我们已经给大家写了一个简单的示例,大家一定还记得 Vuex.Store({...}) 这个方法。在[详细] -
什么是 Vuex
所属栏目:[教程] 日期:2023-04-03 热度:7210
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
让我们从一个简单的 Vue 计数应用开始:
<!DOCTYPE ht[详细] -
VueRouter 路由传参介绍
所属栏目:[教程] 日期:2023-04-03 热度:4962
本小节我们介绍 VueRouter 路由组件传参包括 params 传参、query 传参的两种方式。路由传参的知识点非常重要,在日常开发中,我们经常会通过路由传递各种参数,同学们在学完本节后可以将小节中的案例自己动手实现一遍[详细]