js ajax通用方法,ajax的四种实现方式介绍

1.使用原生JavaScript实现

var xhr;

if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

} else {

xhr = new ActiveXObject("microsoft.XMLHTTP");

}

xhr.open('GET','action',true);

xhr.onreadystatechange = function(){

if (xhr.readyState== 4 && xhr.status==200) {

alert(responseText);

}

xhr.send(null);

2.使用jquery：

$("#username").bind("blur",function(){

var $this = $(this);

$.ajax({

url:"user_validateUsername?username=" + $("#username").val(),

dataType:"text",

success:function(data){

$("#username-error").text("用户名可用");

}

})

});

3.使用Jquery的form表单验证框架

需要引入jquery.form.js及以来的jquery类库

//提交表单时使用ajax校验用户名

var options = {

url:"user_validateUsername?username=" + $("#username").val(),

target:"#username-error"

};

$("#form").ajaxForm(options);

4.使用Jquery的Validation框架

引入jquery.validate.js和messages_zh.js(optional)及jquery类库

$("#registerForm").validate({

debug:true,

rules:{

username:{

//使用remote进行单个元素的ajax验证

remote:{

url:"user_validateUsername.action",

type:"post",

dataType:"text",

data:{

username: function(){

return $("#username").val();

}

dataFilter:function(data,type){

if(data == "true"){

return true;

}else{

return false;

}

});

js ajax通用方法,ajax的四种实现方式介绍相关推荐

函数_方法_的四种调用方式
class Program{/// <summary>/// 无参数,无返回值/// </summary>/// <param name="args" ...
LRU算法四种实现方式介绍
LRU全称是Least Recently Used,即最近最久未使用的意思. LRU算法的设计原则是:如果一个数据在最近一段时间没有被访问到,那么在将来它被访问的可能性也很小.也就是说,当限定的空间已 ...
lan和adsl是什么信号_LAN,ADSL,HFC,PLC四种宽带接入方式介绍
一.LAN接入方式 LAN接入方式采用光纤接入,整个城市网络由核心层.汇聚层.边缘汇聚层.接入层组成.社区端到末端用户接入部分就是通常所说的最后一公里.LAN方式是采用光缆+双绞线的方式对社区进行综合 ...
【Python基础】Python爬虫的两套解析方法和四种信息提取方式
Python爬虫 Author:Iouwill Machine Learning Lab 分享一篇往日旧文章,非常实用. 对于大多数朋友而言,爬虫绝对是学习python的最好的起手和入门方式.因为爬虫 ...
【温故知新】——原生js中常用的四种循环方式
一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出"欢迎下次光临" 在网页中弹出框输入1 网页输 ...
mysql 连接方法_MySQL 四种连接方式(通信方式)
MySQL 有四种连接方式 : 1 . TCP/IP TCP/IP套接字连接方式是MySQL在任何平台都提供的一种连接方式,也是网络中使用最多的一种方式.这种方式在TCP/IP连接上建立一个基于网络的 ...
污水流量计的四种连接方式及仪表检测的方法
污水流量计的四种连接方式: 1.法兰连接:这是最常见.最传统的连接方式.一般来说,在生产过程中,流量计的两端安装有两个可以连接的法兰.在流量计与管道的连接处,两端法兰和管道上相同的两个法兰可以用螺栓牢 ...
JS 跨域问题常见的五种解决方式
JS 跨域问题常见的五种解决方式一.什么是跨域? 要理解跨域问题,就先理解好概念.跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来 ...
外链引入css有哪些方式_CSS的四种引入方式
CSS 的引入方式最常用的有三种, 第一:在 head 部分加入 rel="stylesheet" type="text/css" href="my. ...

js ajax通用方法,ajax的四种实现方式介绍

js ajax通用方法,ajax的四种实现方式介绍相关推荐

最新文章

热门文章