• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    js基本ajax写法示例代码
    复制代码 代码如下:

    var xmlhttp = null;
    function myajax() {
    //1、创建XMLHttpRequest对象
    //2、需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码
    if (window.XMLHttpRequest) {
    //针对FF,Mozilar,Opera,Safari,IE7,IE8
    xmlhttp = new XMLHttpRequest();
    //修正某些浏览器bug
    if (xmlhttp.overrideMimeType) {
    xmlhttp.overrideMimeType("text/xml");
    }
    } else if (window.ActiveXObject) {
    //针对IE6以下的浏览器
    var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP", ""];
    for (var i = 0; i activexName.length; i++) {
    try {
    //取出一个控件名称创建,如果创建成功则停止,反之抛出异常
    xmlhttp = new ActiveXObject(activexName[i]);
    break;
    } catch (e) { }
    }
    }

    //需要确认xmlhttp创建是否成功
    if (!xmlhttp) {
    alert("XMLHTTPRequest创建失败!");
    return;
    } else {
    alert(xmlhttp);
    }

    //注册回调函数。注意注册回调函数是不能加括号,加了会把函数的值返回给onreadystatechange
    xmlhttp.onreadystatechange = callback;
    //设置连接信息
    //第一个参数表示http请求方式,支持所有http的请求方式,主要使用get和post
    //第二个参数表示请求的url地址,get方式请求的参数也在urlKh
    //第三介参数表示采用异步还是同步方式交互,true表示异步
    xmlhttp.open("GET", "servlet/CheckUserName?userName=" + userName, true);
    //发送数据表示和服务器端交互
    //同步方式下,send这名话会在服务器端数据回来后才执行完
    xmlhttp.send(null);

    //异步方式下,send这句话立即完成执行
    //POST方式请求的代码
    //xmlhttp.open("POST","servlet/CheckUserName",true);
    //POST方式需要自己设置http的请求头
    //xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //POST方式发送数据
    //xmlhttp.send("userName="+userName);
    }

    //回调函数
    function callback() {
    //判断对象的状态是交互完成
    if (xmlhttp.readyState == 4) {
    //判断http的交互是否成功
    if (xmlhttp.status == 200) {
    //获取服务器端返回的数据
    //获取服务器端输出的纯文本数据
    var responseText = xmlhttp.responseText;
    alert(responseText);
    }
    }
    }
    您可能感兴趣的文章:
    • javascript原生ajax写法分享
    • 原生AJAX写法实例分析
    • 基于wordpress的ajax写法详解
    上一篇:AJAX提交与FORM提交的区别说明
    下一篇:ajaxForm和ajaxSubmit 粘贴就可用示例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    js基本ajax写法示例代码 基本,ajax,写法,示例,代码,