常用js-ajax代码

最新推荐文章于 2023-08-22 14:40:53 发布

行动是最好的承诺

最新推荐文章于 2023-08-22 14:40:53 发布

阅读量335

点赞数

分类专栏： javascript 文章标签： ajax xmlhttprequest 对象

本文链接：https://blog.csdn.net/u010505805/article/details/78831571

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

ajax原生代码

  //oAjax开始
        //1.创建对象
        var oAjax = null;
        if(window.XMLHttpRequest){
            oAjax = new XMLHttpRequest();
        }else{
            oAjax = new ActiveXObject("Microsoft.XMLHTTP");
        }
        //2.连接服务器  
        oAjax.open('POST', "/index.php/Wap/Index/wawaopen", true);   //open(方法, url, 是否异步, true是异步，false是不异步);
        oAjax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//post提交必须
        //3.发送请求  
        oAjax.send("zhongjiangcode="+zhongjiangcode+"&chang="+chang+"&hbid="+hbid);
        //4.接收返回
        oAjax.onreadystatechange = function(){  //OnReadyStateChange事件
            if(oAjax.readyState == 4){  //4为完成
                if(oAjax.status == 200){    //200为成功
                  var data1 = oAjax.responseText;
                  var data = eval("("+data1+")");
                    //data为后台返回值
                    //处理相关逻辑
                }
            }
        };
         //oAjax结束

jquery封装的ajax请求

      $.ajax({
            url: '/wap/login/register',
            data: idata,
            type: 'POST',
            dataType: "json",
            error: function (ret, error) {
            },
            success: function (res) {
                // console.log(res)
                //处理相关逻辑

            }
        });