Ajax
火星飞鸟
学习前端ing...
展开
-
RESTful 风格的API
传统请求地址:GET http://www.example.com/getUsers // 获取用户列表GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息POST http://www.example.com/modifyUser // 修改用户信息GET http://www.example.com/deleteUser?id=1 // 删除用户信息RESTful API 概述GET:原创 2020-11-23 16:31:41 · 190 阅读 · 0 评论 -
jQuery 中的 Ajax
1. $.ajax()方法基本使用var params = { name: 'wangwu', age: 300}$('#btn').on('click', function() { $.ajax({ // 请求方式 type: 'post', // 请求地址 url: '/user', // 向服务器端发送的请求参数 // name=zhangsan&age=100原创 2020-11-23 16:14:32 · 153 阅读 · 0 评论 -
基于Ajax和FormData对象 实现二进制文件上传
实现效果:启动app.js在浏览器地址栏输入http://localhost:3000/upload.html实现代码:客户端upload.html:(引入了bootstrap框架bootstrap.min.css)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <原创 2020-11-17 19:56:37 · 409 阅读 · 1 评论 -
前端学习 FormData 对象的基本用法
1. FormData对象的作用模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。异步上传二进制文件。2. FormData对象的使用准备HTML表单<form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input type="button"&g原创 2020-11-17 19:29:16 · 1194 阅读 · 0 评论 -
Ajax 实现3个option选项列表联动效果
实现效果:安装express、path模块在node环境中启动app.js在浏览器地址栏输入http://localhost:3000/provinceCityArea.html实现代码:provinceCityArea.html:(引入了bootstrap框架bootstrap.min.css和Ajax模板引擎template-web.js)[→关于ajax.js封装函数请点击此处←]<!DOCTYPE html><html lang="en"><原创 2020-11-16 20:52:31 · 170 阅读 · 0 评论 -
Ajax 实现搜索框内容自动提示效果
实现效果:安装express、path模块在node环境中启动app.js在浏览器地址栏输入http://localhost:3000/Search.html在输入框分别输入苹果和华为,搜索框会自动提示可能要输入的文字信息实现代码:Search.html:(引入了bootstrap框架bootstrap.min.css和Ajax模板引擎template-web.js)[→关于ajax.js封装函数请点击此处←]<!DOCTYPE html><html lang="原创 2020-11-16 20:44:16 · 747 阅读 · 0 评论 -
Ajax 实现验证邮箱地址唯一性
实现效果:安装express、path模块在node环境中启动app.js在浏览器地址栏输入http://localhost:3000/Email.html输入框失去焦点时,首先判断是否为邮箱格式,再验证输入邮箱的唯一性。为了实现基本的功能,app.js将123456@123.com作为已注册的邮箱。实现代码:Email.html:(引入了bootstrap框架)[→关于ajax.js封装函数请点击此处←]<!DOCTYPE html><html lang="en原创 2020-11-16 20:27:04 · 1218 阅读 · 0 评论 -
JavaScript 封装Ajax函数
说明:封装函数ajax(),使用时传递一个对象传递的对象有请求方式type、请求地址url、请求参数data、请求参数格式的类型(字符串orjson对象)、请求成功后的函数、请求失败后的函数等属性使用时以如下格式传递:ajax({ // 请求方式 type: 'get', // 请求地址 url: 'http://localhost:3000/responseData', // 请求参数 data: { name: 'Jack',原创 2020-11-16 16:25:29 · 1085 阅读 · 0 评论