原生ajax封装,包含post、method方式

前端之家收集整理的这篇文章主要介绍了原生ajax封装,包含post、method方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

原生ajax封装,包含post、method方式

xhr = = = ActiveXObject('Microsoft.XMLHTTP' (method == 'get' &&+= '?' +xhr.open(method,</span><span style="color: #0000ff;"&gt;true</span><span style="color: #000000;"&gt;); </span><span style="color: #0000ff;"&gt;if</span> (method == 'get'<span style="color: #000000;"&gt;) { xhr.send();</span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;get,发送时空的</span> } <span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt; { xhr.setRequestHeader(</span>'content-type','application/x-www-form-urlencoded');<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;设置请求头</span> xhr.send(data);<span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;发送里,放数据</span>

<span style="color: #000000;"> }

xhr.onreadystatechange </span>= <span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt;() {

    </span><span style="color: #0000ff;"&gt;if</span> ( xhr.readyState == 4<span style="color: #000000;"&gt; ) {
        </span><span style="color: #0000ff;"&gt;if</span> ( xhr.status == 200<span style="color: #000000;"&gt; ) {
            success </span>&amp;&amp;<span style="color: #000000;"&gt; success(xhr.responseText);
        } </span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt; {
            alert(</span>'出错了,Err:' +<span style="color: #000000;"&gt; xhr.status);
        }
    }

}

}

 

猜你在找的Ajax相关文章