ajax函数,用户注册_检测

var xmlHttp;ajax函数,用户注册_检测

//定义AJAX函数
function ajax() {

        if(window.XMLHttpRequest)
        {
            xmlHttp = new XMLHttpRequest();//mozilla浏览器
        }
        else if(window.ActiveXObject)
        {
            try
            {
             xmlHttp = new ActiveX0bject("Msxml2.XMLHTTP");//IE老版本
            }
            catch(e)
            {}
            try
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE新版本
            }
            catch(e)
            {}
            if(!xmlHttp)
            {
                window.alert("不能创建XMLHttpRequest对象实例");
                return false;
            }
        }
}

//GET方式
function ajaxget(url,allid) {

        ajax();//调用ajax函数

        xmlHttp.onreadystatechange = function(){
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                document.getElementById(allid).innerHTML = xmlHttp.responseText;
            } else {
                document.getElementById(allid).innerHTML = "请求失败!";
            }
        }
        }
        xmlHttp.open('GET', url, true);
        xmlHttp.send(null);
}

//POST方式带数据
function ajaxpost(url,allid,form_obj) {

        //获取指定表单名当中所有值
        var theform = function(){
        var query_string='';
        var and='';
        //alert(form_obj.length);
        for (i=0;i<form_obj.length ;i++ )
        {
        e=form_obj;
        if (e.name!='')
        {
        if (e.type=='select-one')
        {
        element_value=e.options[e.selectedIndex].value;
        }
        else if (e.type=='checkbox' || e.type=='radio')
        {
        if (e.checked==false)
        {
        break;
        }
        element_value=e.value;
        }
        else
        {
        element_value=e.value;
        }
        query_string+=and+e.name+'='+element_value.replace(/\&/g,"%26");
        and="&"
        }
        }
        return query_string;
        }//获取结束

        var thispost = theform();//把表单获取的值赋给该变量

        ajax();//调用ajax函数

        xmlHttp.onreadystatechange = function(){
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                document.getElementById(allid).innerHTML = xmlHttp.responseText;
            } else {
                document.getElementById(allid).innerHTML = "请求失败!";
            }
        }
        }
        xmlHttp.open('POST', url, true);
        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
        xmlHttp.send(thispost);//发送thispost表单数据
}

时间: 2024-11-01 23:19:44

ajax函数,用户注册_检测的相关文章

用AJAX编写用户注册实例及技术小结

ajax|用户注册 我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作.如果我们用Ajax技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击"检查",也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行.当服务器

用AJAX编写用户注册实例及技术小结(1)

ajax|用户注册 作者:龙犊整理出处:天极网责任编辑: 龙犊 [ 2006-03-17 09:12 ] 用AJAX编写用户注册实例--我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作. 我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器

AJAX编写用户注册实例及技术小结

ajax|用户注册 我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作.如果我们用Ajax技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击"检查",也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行.当服务器

AJAX编写用户注册实例及技术小结(1)

ajax|用户注册 本文介绍如何用AJAX编写用户注册的实例,给出完整代码并对AJAX技术小结. 我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作. 如果我们用Ajax技术来实现以上的操作则不必等待服务器回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击"检查&qu

用AJAX编写用户注册时的应用实例

我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作. 如果我们用AJAX技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击"检查",也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行.当服务器信息返回的时候,会

用AJAX编写用户注册实例及技术小结(2)

ajax|用户注册 作者:龙犊整理出处:天极网责任编辑: 龙犊 [ 2006-03-17 09:12 ] 用AJAX编写用户注册实例--我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击"检查",就向服务器发出请求,然后等待--服务器返回信息,继续操作. FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onre

AJAX Hacks 之HACK1. 检测浏览器的兼容性

ajax|浏览器 AJAX Hacks 之HACK1. 检测浏览器的兼容性 本节介绍如何使用JavaScript 建立起IE或Mozilla浏览器相应的请求对象.客户端使用的浏览器是各种各样的.因此也有不同的请求对象.如在Firefox, Netscape, Safari,Opera中是XMLHttpRequest.IE则是Microsoft.XMLHTTP 或 Msxml2.XMLHTTP. 使用AJAX的第一步是检测客户浏览器的类型,根据相应的类型取得request 对象.下面就是取得该对象

AJAX应用实例之检测用户名是否唯一(实例代码)

先给大家展示下效果图,然后再给大家撸代码,效果图如下所示: 下面写一个简单的例子,检测用户名是否唯一(直接撸代码): 前端界面: <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition

jquery中ajax函数执行顺序问题之如何设置同步

 这篇文章主要介绍了jquery中ajax函数执行顺序问题之如何设置同步,需要的朋友可以参考下 JavaScript code  代码如下: function existProduct(obj){    var productname = escape(obj.val());  $.getJSON("../product/searchProductByName.action",datat,function(data){  var falg;  falg = data[0]['exist