首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

从零开始学 Web 之 Ajax(四)接口文档,验证用户名唯一性案例

接口文档的使用 需求:使用接口文档验证用户名、邮箱、手机的唯一性 接口文档 当前端界面需要从服务器获取数据的时候,其实就是眼访问一个 URL 地址,指定特定的参数即可。...服务器开发人员开发好相关的接口之后,会提供一份接口文档给前端开发人员,在接口中会详细说明你要获取什么数据,访问什么地址,传入什么参数等等内容,下面就是一个简单接口文档的内容: 验证用户名唯一性的接口 地址.../server/checkUsername.php 作用描述 验证用户名是否可用 请求类型 get 请求 参数 uname 返回的数据格式 普通字符串 返回数据说明 返回 ok:代表用户名可用; 返回...验证邮箱唯一性的接口 地址 /server/checkEmail.php 作用描述 验证邮箱是否可用 请求类型 post 请求 参数 e 返回的数据格式 数字 返回数据说明 返回 0:代表邮箱可用; 返回...代码第一步封装 上面验证用户名,邮箱和手机号的时候,都是使用的 Ajax 的四部操作,有很多代码冗余,所以将 Ajax 的四步操作封装在一个函数中很有必要的。 <!

65630

【java项目实践】详解Ajax工作原理以及实现异步验证用户名是否存在+源码下载(java版)

介绍 在详细讨论Ajax是什么之前,先让我们花一分钟了解一下Ajax做什么。如图所示: ? 如上图展示给我们的就是使用Ajax技术实现的效果。...随着Ajax的出现使web应用程序变得更完善,更友好。 好,还等什么呢?让我们来一起看看Ajax的强大功能。...1、什么是Ajax Ajax的全称是:Asynchronous JavaScript + XML=异步 JavaScript + XML 从Ajax的全称我们可以看出,Ajax...图2.使用Ajax应用程序的原理图 Ajax的优缺点: Ajax给我们带来的好处,大家都有切身体会,在这里我只是简单的讲几点: 优点: 1.最大的一点是页面无刷新,用户的体验度更好。...实战 一个简单,但非常实用的例子:java版异步验证用户名是否存在 先给大家看一下实现的效果,下面给大家用代码实现: ?

74110

Ajax 技术应用 (jQuery 实现账户验证

Ajax 应用 with jquery 一、前端部分 1.1 html 部分 1.2 js 部分 二、后端部分 三、运行结果 最近在学习 jquery,学习到 ajax 部分了,就把之前做过内容使用...jquery 实现一遍 这两篇是我使用 纯 js 实现的,可以先看这个,注解我也写的比较详细 Ajax 技术学习 (Java EE 实现) —— 用户账户的验证 Ajax 技术学习(JavaEE)——...实现二级下拉联动 一、前端部分 1.1 html 部分 用户名:<input type="text" name="username" id="username...(function () { $("#username").bind("blur", function() { txt = $("#username").val(); $.ajax...console.log("糟糕,出现错误了"); } }); }); }); 二、后端部分 后端我依然是采用的 Java EE 来实现的,和前面写过的验证基本相差不大

86510

jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」

integer validate[custom[integer]] 验证整数 phone validate[custom[phone]] 验证电话号码 email validate[custom[email...]] 验证 E-mail 地址 url validate[custom[url]] 验证 url 地址,需以 http://、https:// 或 ftp:// 开头 ipv4 validate[custom...‘ruleName’: { ‘regex’: RegExp, /* 正则表达式,如果正则能匹配内容表示通过 */ ‘alertText’: ‘验证不通过时的提示信息’ } ajax validate...[ajax[ajaxName]] 自定义 ajax 验证 ‘ajaxName’: { ‘url’: ‘phpajax/ajaxValidateFieldUser.php’, /* 验证程序地址 */...‘extraData’: ‘name=eric’, /* 额外参数 */ ‘alertTextOk’: ‘验证通过时的提示信息’, ‘alertText’: ‘验证不通过时的提示信息’, ‘alertTextLoad

1.5K20
领券