ajax请求过程

最新推荐文章于 2018-02-06 16:16:21 发布
最新推荐文章于 2018-02-06 16:16:21 发布
阅读量167 收藏
点赞数 
<div id="article_content" class="article_content tracking-ad" data-mod="popu_307" data-dsm="post">

<p>原生态Ajax使用的步骤，最后告诉面试官，我们在工作中是使用<a target="_blank" href="http://lib.csdn.net/base/jquery" class="replace_word" title="jQuery知识库" style="font-family:Arial; font-size:14px; color:rgb(223,52,52); font-weight:bold">jQuery</a><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px">来实现Ajax请求和处理的。在回答的时候尽量详尽，包括方法的参数的个数，顺序和作用，以免被面试官抓住不放。不给面试官提问的机会，那你的回答就牛逼了！</span></p>
<span style="color:rgb(51,51,51); font-family:Arial; font-size:14px"></span>
<p><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px"><strong>Ajax是什么</strong></span></p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">我理解Ajax 是一种异步请求数据的一种技术，对于改善用户的体验和程序的性能很有帮助。</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px"><strong>Ajax的使用</strong></p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px"><strong></strong></p>
<pre style="font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size:13.6px; margin-top:0px; margin-bottom:0px; line-height:1.45; word-wrap:normal; padding:16px; overflow:auto; background-color:rgb(246,248,250); word-break:normal; color:rgb(36,41,46)">    (<span class="pl-c1" style="color:rgb(0,134,179)">1</span>)创建<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>XMLHttpRequest<span class="pl-pds" style="">`</span></span>对象,也就是创建一个异步调用对象.

    (<span class="pl-c1" style="color:rgb(0,134,179)">2</span>)创建一个新的<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>HTTP<span class="pl-pds" style="">`</span></span>请求,并指定该<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>HTTP<span class="pl-pds" style="">`</span></span>请求的方法、<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>URL<span class="pl-pds" style="">`</span></span>及验证信息.

    (<span class="pl-c1" style="color:rgb(0,134,179)">3</span>)设置响应<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>HTTP<span class="pl-pds" style="">`</span></span>请求状态变化的函数.

    (<span class="pl-c1" style="color:rgb(0,134,179)">4</span>)发送<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">`</span>HTTP<span class="pl-pds" style="">`</span></span>请求.

    (<span class="pl-c1" style="color:rgb(0,134,179)">5</span>)获取异步调用返回的数据.

    (<span class="pl-c1" style="color:rgb(0,134,179)">6</span>)使用JavaScript和<span class="pl-c1" style="color:rgb(0,134,179)">DOM</span>实现局部刷新.


    <span class="pl-k" style="color:rgb(167,29,93)">var</span> xmlHttp <span class="pl-k" style="color:rgb(167,29,93)">=</span> <span class="pl-k" style="color:rgb(167,29,93)">new</span> <span class="pl-en" style="color:rgb(121,93,163)">XMLHttpRequest</span>();

    <span class="pl-smi" style="color:rgb(51,51,51)">xmlHttp</span>.<span class="pl-c1" style="color:rgb(0,134,179)">open</span>(<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">'</span>GET<span class="pl-pds" style="">'</span></span>,<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">'</span>demo.php<span class="pl-pds" style="">'</span></span>,<span class="pl-s" style="color:rgb(24,54,145)"><span class="pl-pds" style="">'</span>true<span class="pl-pds" style="">'</span></span>);

    <span class="pl-smi" style="color:rgb(51,51,51)">xmlHttp</span>.<span class="pl-c1" style="color:rgb(0,134,179)">send</span>()

    <span class="pl-smi" style="color:rgb(51,51,51)">xmlHttp</span>.<span class="pl-en" style="color:rgb(121,93,163)">onreadystatechange</span> <span class="pl-k" style="color:rgb(167,29,93)">=</span> <span class="pl-k" style="color:rgb(167,29,93)">function</span>(){

        <span class="pl-k" style="color:rgb(167,29,93)">if</span>(<span class="pl-smi" style="color:rgb(51,51,51)">xmlHttp</span>.<span class="pl-c1" style="color:rgb(0,134,179)">readyState</span> <span class="pl-k" style="color:rgb(167,29,93)">===</span> <span class="pl-c1" style="color:rgb(0,134,179)">4</span> <span class="pl-k" style="color:rgb(167,29,93)">&</span> <span class="pl-smi" style="color:rgb(51,51,51)">xmlHttp</span>.<span class="pl-c1" style="color:rgb(0,134,179)">status</span> <span class="pl-k" style="color:rgb(167,29,93)">===</span> <span class="pl-c1" style="color:rgb(0,134,179)">200</span>){

        }

    }</pre>
<br>
<p></p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">以下步骤，如果不能理解你死记硬背都要记下来，总比你答不出来要好吧！</p>
<p><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px">1.创建Ajax核心对象XMLHttpRequest</span></p>
<p><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px"></span></p>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 1266px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_1" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span class="keyword">var</span><span> xmlhttp;  </span></span></li><li class=""><span><span class="keyword">if</span><span>(window.XMLHttpRequest){   </span></span></li><li class="alt"><span><span class="comment">//IE7+,Chrome,Firefox,Safari,Opera执行此代码 xmlhttp=new XMLHttpRequest;</span><span>  </span></span></li><li class=""><span>}<span class="keyword">else</span><span>{  </span></span></li><li class="alt"><span>   <span class="comment">//IE5,IE6执行该代码</span><span>  </span></span></li><li class=""><span>   xmlhttp=<span class="keyword">new</span><span> ActiveXObject(</span><span class="string">"Microsoft.XMLHTTP"</span><span>);  </span></span></li><li class="alt"><span>}  </span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_1_172009" name="code" class="javascript" style="display: none;">var xmlhttp;
if(window.XMLHttpRequest){ 
//IE7+,Chrome,Firefox,Safari,Opera执行此代码 xmlhttp=new XMLHttpRequest;
}else{
   //IE5,IE6执行该代码
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}</pre>2.<span style="color:rgb(51,51,51); font-family:Arial; font-size:14px">向服务器发送请求</span>
<p><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px"><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px"></span></span></p>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 1494px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>xmlhttp.open(method,url,async);  </span></span></li><li class=""><span>xmlhttp.send();  </span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_2_3584553" name="code" class="javascript" style="display: none;">xmlhttp.open(method,url,async);
xmlhttp.send();</pre>示例如下：<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 1633px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_3" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>xmlhttp.open(</span><span class="string">"GET"</span><span>,</span><span class="string">"http://www.runoob.com/try/ajax/demo_get.php"</span><span>,</span><span class="keyword">true</span><span>);  </span></span></li><li class=""><span>xmlhttp.send();  </span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_3_62542" name="code" class="javascript" style="font-family: Arial; font-size: 14px; color: rgb(51, 51, 51); display: none;"> xmlhttp.open("GET","http://www.runoob.com/try/ajax/demo_get.php",true);
 xmlhttp.send();</pre><br>
<span style="font-family:Arial; font-size:14px"><strong>注意一：</strong><span style="color:rgb(51,51,255)">open 的参数要牢记，很多面试官爱问这样的细节</span></span>
<ul>
<li style="color:rgb(51,51,51); font-family:Arial; font-size:14px">method：请求的类型；GET 或 POST</li><li style="color:rgb(51,51,51); font-family:Arial; font-size:14px">url：文件在服务器上的位置，相对位置或绝对位置</li><li style="color:rgb(51,51,51); font-family:Arial; font-size:14px">async：true（异步）或 false（同步）</li><li>
<h3 style="margin:25px 0px 0px; padding:0px; border:0px">为什么使用 Async=true ？</h3>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
我们的实例在 open() 的第三个参数中使用了 "true"。</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
该参数规定请求是否异步处理。</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
<strong>True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应。</strong></p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下，防止代码停止的最安全的方法。</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
通过把该参数设置为 "false"，可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要，那么可以使用这个参数</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:21px">
</p>
<br>
</li></ul>
<p style="font-family:Arial; font-size:14px; color:rgb(51,51,51)"><strong>注意二：</strong>post请求不同于get请求</p>
<p style="font-family:Arial; font-size:14px"><span style="color:rgb(51,51,51)">send(string)方法post请求时才使用字符串参数，否则不用带参数。</span></p>
<p style="font-family:Arial; font-size:14px"><span style="color:rgb(51,51,51)"><span style="font-family:Arial; font-size:14px"><strong>注意三</strong>：</span><span style="font-family:Arial; font-size:14px"><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px">post请求一定要设置请求头的格式内容</span></span><br>
</span></p>
<p></p>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 2334px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_4" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>xmlhttp.open(</span><span class="string">"POST"</span><span>,</span><span class="string">"ajax_test.html"</span><span>,</span><span class="keyword">true</span><span>);  </span></span></li><li class=""><span>xmlhttp.setRequestHeader(<span class="string">"content-type"</span><span>,</span><span class="string">"application/x-www-form-urlencoded"</span><span>);  </span></span></li><li class="alt"><span>xmlhttp.send(<span class="string">"fname=Herry&lname=Ford"</span><span>);  </span></span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_4_5776380" name="code" class="javascript" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; display: none;">xmlhttp.open("POST","ajax_test.html",true);
xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Herry&lname=Ford");</pre>
<p>3.服务器响应处理</p>
<blockquote style="margin:0px 0px 0px 40px; border:none; padding:0px">responseText    获得字符串形式的响应数据。
<p>responseXML   获得XML 形式的响应数据。</p>
<p>3.1 同步处理</p>
</blockquote>
<p></p>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 2594px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_5" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_5" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=5&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>xmlhttp.open(</span><span class="string">"GET"</span><span>,</span><span class="string">"http://www.runoob.com/try/ajax/demo_get.php"</span><span>,</span><span class="keyword">false</span><span>);  </span></span></li><li class=""><span>xmlhttp.send();  </span></li><li class="alt"><span>document.getElementById(<span class="string">"mydiv"</span><span>).innerHTML=xmlhttp.responseText;  </span></span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_5_5634676" name="code" class="javascript" style="display: none;">xmlhttp.open("GET","http://www.runoob.com/try/ajax/demo_get.php",false);
xmlhttp.send();
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;</pre><span style="color:rgb(51,51,51); font-family:Arial; font-size:14px">直接在send()后面处理返回来的数据。</span><br>
<p>3.2 异步处理</p>
<p> 异步处理相对比较麻烦，要在请求状态改变事件中处理。</p>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><b>[javascript]</b> <a href="#" class="ViewSource" title="view plain" οnclick="dp.sh.Toolbar.Command('ViewSource',this);return false;" target="_blank">view plain</a><span data-mod="popu_168"> <a href="#" class="CopyToClipboard" title="copy" οnclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;" target="_blank">copy</a><div style="position: absolute; left: 589px; top: 2819px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_6" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_6" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=6&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"> <a href="#" class="PrintSource" title="print" οnclick="dp.sh.Toolbar.Command('PrintSource',this);return false;" target="_blank">print</a></span><a href="#" class="About" title="?" οnclick="dp.sh.Toolbar.Command('About',this);return false;" target="_blank">?</a></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>xmlhttp.onreadystatechange=</span><span class="keyword">function</span><span> () {</span><span class="comment">//接收到服务端响应时触发</span><span>  </span></span></li><li class=""><span>     <span class="keyword">if</span><span>(xmlhttp.readyState==4&&xmlhttp.status==200){  </span></span></li><li class="alt"><span>           document.getElementById(<span class="string">"mydiv"</span><span>).innerHTML=xmlhttp.responseText;  </span></span></li><li class=""><span>      }  </span></li><li class="alt"><span>}  </span></li></ol></div><pre code_snippet_id="2464933" snippet_file_name="blog_20170629_6_8524615" name="code" class="javascript" style="display: none;"> xmlhttp.onreadystatechange=function () {//接收到服务端响应时触发
      if(xmlhttp.readyState==4&&xmlhttp.status==200){
            document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
       }
 }</pre>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">一共有5中请求状态，从0 到 4 发生变化。</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">0: 请求未初始化</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">1: 服务器连接已建立</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">2: 请求已接收</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">3: 请求处理中</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">4: 请求已完成，且响应已就绪</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px"><strong>xmlhttp.status：</strong>响应状态码。这个也是面试比较爱问的，这个必须知道4个以上，比较常见的有：</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">200: "OK"</p>
<p><span class="marked" style="border:0px; margin:0px; padding:0.2em">304</span>：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。<br>
</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">403   （禁止） 服务器拒绝请求。</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">404   （未找到） 服务器找不到请求的网页。</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">408  （请求超时） 服务器等候请求时发生超时。</p>
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px">500   （服务器内部错误）  服务器遇到错误，无法完成请求。</p>
<br>
<br>
<br>
<br>
<p><br>
</p>
   
</div>

candi_shen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax请求方式
zhouyuqin01的博客
11-24 1203
Axios 的请求方式 1：get请求 axios.get(url[,config]) axios.get('/list?articel=0') .then(function(resolve){ }) .catch(function(error){ }) axios.get('/list',{ params:{ articel: 0 } }) .then(resolve => { }) .catch( error => {}) 2: post请求 axios.p
ajax实现串行请求
EmotionComputer
11-28 183
ajax实现串行请求
浅谈jQuery Ajax的5种方法
筱葭的博客
10-18 7491
1、load() 方法 load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放入被选元素中。 语法：load(url,data,function(response,status,xhr)) 参数 描述 url 规定要将请求发送到哪个 URL，也可以把 jQuery 选择器添加到 URL 参数，加载页面某一部分。 data 可选。规定
Ajax的使用四大步骤详解
畅游JAVA
12-22 8313
什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。 如何使用ajax? 第一步，创建xmlhttprequest对象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest对象用来和服务器交换数据。 ? 1 2 3
ajax请求的四个步骤
一勺陈不满
07-20 8789
什么是ajax：异步javascript和XML。异步。无刷新读取数据。无需加载整个页面的情况下，刷新页面某一部分。 ajax的四个步骤。
原生ajax请求的五个步骤
热门推荐
RinSing
02-06 11万+
//第一步，创建XMLHttpRequest对象 var xmlHttp = new XMLHttpRequest(); function CommentAll() { //第二步，注册回调函数 xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) //
Ajax在请求过程中显示进度的简单实现
10-23
ajax技术在web应用中使用非常频繁，本文以asp.net MVC为示例，提供一种简单的实现方式。ajax在请求过程中显示进度条，是怎么实现的呢？本文通过代码和文字说明相结合的方式分享给大家。
Ajax请求过程中显示“进度”的简单实现
04-22
在进行Ajax调用过程中一般都具有这样的做法：显示一个GIF图片动画表明后台正在工作，同时阻止用户操作本页面（比如Ajax请求通过某个按钮触发，用户不能频繁点击该按钮产生多个并发Ajax请求）；调用完成后，图片消失...
Ajax请求过程中下载文件在FireFox(火狐)浏览器下的兼容问题
10-23
最近做了个项目，其中有项目需求是这样的，点击一个文件链接下载该文件，同时向后台发送请求，在开发过程中问题百出，小编把问题总结分享在脚本之家平台，供大家参考
实例详解Android Webview拦截ajax请求
08-28
Android Webview 拦截 Ajax 请求的详细讲解 Android Webview 提供了页面加载及资源请求的钩子，但是对于 H5 的 Ajax 请求并没有提供干涉的接口。这意味着我们不能在 Webview 中干涉 JavaScript 发起的 HTTP 请求，...
Java后台判断ajax请求及处理过程详解
08-19
但当用户已经登录并进行操作，若会话（Session）过期，再次触发一个AJAX请求时，直接跳转到登录页面会导致前端无法正确解析响应，因为AJAX请求期望的是JSON或其他数据格式，而非HTML页面。 二、解决方法： 为了解决...
yolo-fastest.zip
07-28
yolo-fastest
mysql安装配置教程.pdf
最新发布
07-28
MySQL的安装配置教程可以细分为以下几个步骤，这里以Windows系统为例进行说明： 一、下载MySQL 1.访问MySQL官网： 1.前往MySQL的官方网站（https://www.mysql.com/）下载MySQL Community Server。 2.选择下载版本： 1.在官网的Downloads页面，选择“MySQL Community (GPL) Downloads”下的“MySQL Installer for Windows”。 2.跳过注册步骤，直接下载MySQL安装包。 二、安装MySQL 1.运行安装包： 1.找到下载好的MySQL安装包文件，双击运行。 2.选择安装类型： 1.在安装向导中，选择安装类型（通常建议选择“Custom”进行自定义安装）。 2.选择操作系统的位数（如64位），并勾选“Enable the Select Features...”等选项（如果提示缺少运行库，需要先安装相应的VC_redist）。 3.设置安装路径： 1.选择MySQL的安装路径和数据存储路径，建议将MySQL安装在非系统盘（如D盘）以避免潜在的问题。 4.设置密码：
基于transformers+pytorch实现非结构化商业文本信息中隐私信息识别python源码（比赛获奖项目）.zip
07-28
基于transformers+pytorch实现非结构化商业文本信息中隐私信息识别python源码（比赛获奖项目）.zip CCF大数据与计算智能大赛-非结构化商业文本信息中隐私信息识别方案 bert base + flat + crf + fgm + swa + pu learning策略 + clue数据集 = test1单模0.906 词向量：https://github.com/Embedding/Chinese-Word-Vectors SGNS(Mixed-large 综合) loss mask相关代码为pu learning策略的实现 主要模块版本 python 3.6.9 torch 1.1.0 transformers 3.0.2 pytorchcrf 1.2.0 torchcontrib 0.0.2 主要功能点 使用BERT base作为基础模型 采用flat结构进行命名实体识别 使用CRF层进行序列标注 采用对抗训练(FGM)和平滑权重平均(SWA)策略提高模型泛化能力 使用PU learning策略处理标注不全的数据 利用clue数据集进行训练
（verilog）基于MIPS指令集的单周期CPU设计
07-28
相关代码及Vivado项目工程文件
基于优化随机森林的对地攻击无人机自主作战效能评估_邵明军 - 副本.pdf
07-28
基于优化随机森林的对地攻击无人机自主作战效能评估_邵明军 - 副本
餐饮咖啡西餐厅饮品创业计划书运营策划书.doc
07-28
商业计划书，创业计划书，项目计划书，计划书模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
1_软错误失效对CANFD Transceiver芯片的影响分析.docx
07-28
1_软错误失效对CANFD Transceiver芯片的影响分析.docx
tour-project【程序员VIP专用】.zip
07-28
【项目简介】 HTML5+CSS实现雪花旅行社
如何理解ajax 请求处理的过程
05-27
Ajax 请求处理的过程可以分为以下几个步骤： 1. 创建 XMLHttpRequest 对象：使用 JavaScript 创建 XMLHttpRequest 对象，该对象用于向服务器发送请求和获取响应数据。 2. 设置请求参数：通过 XMLHttpRequest 对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值