Ajax提交的五步
相信很多人已经听说过甚至还精通Ajax技术了,现在的
dojo,jquery,ext等等,他们都实现了Ajax技术,并很好的封装了底层的Ajax。那么它的底层是怎样的呢。
下面就是它的详细的底层代码
<script language="JavaScript" type="text/javascript">
var xmlreq = false;
// ---------------初始化XMLHttpRequest--------------------
function createXMLHttpRequest(){
if (window.XMLHttpRequest) {
//不是ie浏览器
xmlreq = new XMLHttpRequest();
}
else
if (window.ActiveXObject) {
//IE
try {
xmlreq = new ActiveXObject("Msxml12.XMLHTTP");
}
catch (e1) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e2) {
// Unable to create an XMLHttpRequest with ActiveX
}
}
}
}
//------------发送XMLHttpRequest请求-----------------
//GET提交请求
function sendRequestGet(url){
createXMLHttpRequest();
xmlreq.open("get", url, true);
xmlreq.onreadystatechange = processResponse;//响应请求函数
xmlreq.send(null);
}
//POST提交请求
function sendRequestPost(url, param){
createXMLHttpRequest();
xmlreq.open("post", url, true);
xmlreq.onreadystatechange = processResponse;//响应请求的函数
xmlreq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlreq.send(param);
}
function sendRequest(url, param, method){
if (method) {
if (method.toLowerCase("get")) {
sendRequestGet(url + "?" + param);
}
else
if (method.toLowerCase("post")) {
sendRequestPost(url, param);
}
}
else {
alert("method is null");
}
}
//---------响应请求的函数------------
function processResponse(){
if (xmlreq.readyState == 4) {
if (xmlreq.status == 200) {
var res = xmlreq.responseText;//服务器段返回的信息
}
else {
alert("发送失败!")
}
}
}
// ajax表单验证
</script>
分享到:
相关推荐
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解
王兴魁ajax五步,代码加注释详细说明,相信会有帮助的。
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解
并应用上述知识开发了8个基于AJAX的Web应用系统,如基于AJAX的文件和图像处理、AJAX祝福墙、AJAX留言簿、AJAX聊天室、AJAX RSS阅读器、AJAX相册、基于AJAX的电子邮件处理等。最后以两个大型的AJAX Web应用系统(基于...
不错的Ajax教程,大家可以下来看看,不错的Ajax教程,大家可以下来看看不错的Ajax教程,大家可以下来看看不错的Ajax教程,大家可以下来看看
利用jquery的ajax提交表单数据到后台。后台使用spring.
AJAX_API详解;AJAX_API详解;AJAX_API详解;AJAX_API详解
完全手册:ASP.NET AJAX实用开发详解 源码
Ajax案例详解Ajax案例详解Ajax案例详解Ajax案例详解Ajax案例详解
ajax经典入门详解
Asp+ajax提交表单实例,很好用的啊.
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
Ajax状态值详解
vue1/2 ajax提交表单
Ajax开发详解,Ajax开发详解,Ajax开发详解
ajax提交表单,并对提交中文时的乱码进行处理.
利用ajax提交表单完整流程
ajax教程,详细说明了XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 来自MSDN...
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片,上传图片成功js可以获取图片保存相对路径。