随笔分类 -  Ajax

Ajax与MVC结合
摘要：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，是一种在不刷新页面的前提下实现前端和后端交互的技术。 在前面的JavaScript和Jquery课程中也有介绍过Ajax技术的应用。 一、Ajax辅助方法 AJax辅助方法： 可以用于创建表单和指向控制器操作方法的链接，但不同的 阅读全文
posted @ 2022-04-02 17:17 码农阿亮 阅读(392) 评论(0) 推荐(0)
Ajax实现省市区三级联动案例
摘要：html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市区三级联动</title> <link rel="stylesheet" href="./assets/bootstrap/dist/css 阅读全文
posted @ 2022-01-16 19:16 码农阿亮 阅读(203) 评论(0) 推荐(0)
Ajax中状态码的生产顺序以及含义
摘要：Ajax状态码: 在创建Ajax对象，配置Ajax对象，发送请求，以及接收完服务器响应数据，这个过程中的每一个步骤都会有一个数值，这个数值就是Ajax的状态码。 根据xhr.readystate获取 0： 请求已经未进行初始化(未调用open方法) 1： 请求已经建立，但是没有发送(未调用send方 阅读全文
posted @ 2022-01-16 13:33 码农阿亮 阅读(80) 评论(0) 推荐(0)
Ajax解决低版本的IE浏览器缓存
摘要：解决方案： 由于低版本的IE浏览器发现请求的地址和上次请求地址没有发生变化时，会自动默认加载上次的缓存。为解决此问题，我们在请求的地址后面，通过random函数拼接一个随机数。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" 阅读全文
posted @ 2022-01-16 13:27 码农阿亮 阅读(73) 评论(0) 推荐(0)
Ajax实现的搜索提示案例
摘要：html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜索框输入文字自动提示</title> <link rel="stylesheet" href="./assets/bootstrap/dist 阅读全文
posted @ 2022-01-16 13:20 码农阿亮 阅读(155) 评论(0) 推荐(0)
Ajax实现邮箱验证案例
摘要：html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>验证邮箱的地址是否已经注册</title> <link rel="stylesheet" href="./assets/bootstrap/di 阅读全文
posted @ 2022-01-16 13:17 码农阿亮 阅读(217) 评论(0) 推荐(0)
Ajax方法封装与调用
摘要：Ajax方法封装: function ajax(options){ //定义默认 var defaults ={ type:'get', url:'', data:{}, Headers:{'Content-Type': 'application/x-www-form-urlencoded'}, s 阅读全文
posted @ 2022-01-16 12:46 码农阿亮 阅读(338) 评论(0) 推荐(0)
Ajax服务搭建
摘要：一、准备检查工作 确认nodeJS、yarn、express已经安装 安装nodeJS:https://nodejs.org/zh-cn/ 安装yarn： 安装包安装： https://yarn.bootcss.com/ npm安装：npm install -g yarn 设置目录： # 全局安装目 阅读全文
posted @ 2022-01-12 15:42 码农阿亮 阅读(306) 评论(0) 推荐(0)
yarn的安装和使用命令
摘要：安装 npm install --global yarn 检查版本 npm install --global yarn 初始化一个新项目 yarn init 添加依赖包 yarn add [package] yarn add [package]@[version] yarn add [package 阅读全文
posted @ 2022-01-12 13:38 码农阿亮 阅读(764) 评论(0) 推荐(0)