传统js代码,传统的有助于理解原理
var xmlhttp;
function verify() {
var userName = document.getElementById("userName").value;
if (window.XMLHttpRequest) {
//针对Firefox,Mozillar,Opera,Safari,IE7,IE8
xmlhttp = new XMLHttpRequest();
//针对某些特定版本的Mozillar浏览器的BUG进行修正
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType("text/html");
}
} else if (window.ActiveXObject) {
//针对IE6及以下版本
//两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个JS数组中
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var i = 0; i < activexName.length; i++) {
try {
//取出一个控件名进行创建,如果创建成功就终止循环
//如果创建失败,会抛出异常,然后可以继续循环,继续尝试创建
xmlhttp = new ActiveXObject(activexName[i]);
break;
} catch(e) {
}
}
}
//1.确认XMLHTTPRequest对象是否创建成功
if (!xmlhttp) {
alert("XMLHTTPRequest对象创建失败!!");
return;
} else {
alert(xmlhttp);
}
//2.注册回调函数
//注册回调函数时,函数名不要加括号
xmlhttp.onreadystatechange = callback;
//3.设置连接信息
//第一个参数表示http的请求方式
//第二个参数是请求的URL地址
//第三个参数表示采用异步还是同步交互方式,trueb表示异步
//xmlhttp.open("GET", "AJAXServer?name=" + userName, true);
//post请求方式
xmlhttp.open("POST", "AJAXServer", true);
//post方式需要自己设置http的请求头
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//4.发送数据,开始和服务器端进行交互
//同步方式下,send这句话在服务器端数据返回来后才执行
//异步方式下,send这句话立即执行
//xmlhttp.send(null);
xmlhttp.send("name=" + userName);
}
function callback() {
//5.接受响应数据
//判断对象的状态是否交互完成
if (xmlhttp.readyState == 4) {
//判断http的交互是否成功
if (xmlhttp.status == 200) {
//获取服务器端返回的数据
var responseText = xmlhttp.responseText;
var resultNode = document.getElementById("result");
resultNode.innerHTML = responseText;
}
}
}
用jquery实现的ajax
function verify() {
var userName = $("#userName").val();
//发送数据
$.get("AJAXServer?name=" + userName, null, function(data) {
$("#result").html(data);
});
}
分享到:
相关推荐
JQ+ajax实现异步调用 一个简单的小例子
jq_ajax的练习 可进行参考练习ajax
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
jq+ajax+php粗略实现了网页中评论功能,需要xampp自建本地服务器.
ajax的同步异步请求,分别用 jquery和 javascript的方式另外和 jsonp 的请求方式
h5和微信授权头像,jq封装ajax源码
css,js,jq代码段css,js,jq代码段css,js,jq代码段css,js,jq代码段
模仿JQ的ajax操作,封装原生ajax
用户注册,简单的模仿用户注册效果,判定用户名是否存在,还有一些基本的判定
用jq+ajax登录界面进入验证,可以用从数据库中提取出来再判断登录的用名及密码。
无需经过漫长的等待,利用jq.ajax+php+mysql数据库实现用户无刷新评论
后台 wamp=Apache+Mysql+**PHP5** 前端 - jquery-1.12.4.js - jq-ajax - jquery.cookie. https://blog.csdn.net/qq_16546829/article/details/82814403
ajax实现分页jquery代码,可调整css
前端html+css+bootstrap框架+js+jq+ajax,前端弹窗用的是sweetalert2,注册界面短信验证码调用的是阿里大鱼短信接口,图形验证码是用 python中PIL图形处理工具画的,验证码缓存是用的memcache,用celery+redis来异步...
jq.ajax+php+mysql实现瀑布流缓冲加载数据,适配窗口大小缩放,无限加载数据直到加载完
finereport是一款企业级的表格制作软件,此文档讲述了在此表格制作软件中实现ajax跨域异步单点登录的具体方法,包括操作步骤和实现代码等。
基于springmvc+js+jq+ajax+oracle开发的留言板项目简单适合新手,代码注释很详细,包括点赞,发布留言增删改查头像上传等等
通过ajax可以实现异步发送请求到达sevlet,进行一些处理,同时jq代码可以省略很多js
基于Jq的ajax无刷新,图片上传,这里只写了,前端如何获取图片信息,然后利用ajax上传,后台的话,原来怎么操作文件就怎么操作,不需要做特殊处理