關於Ajax的疑難雜癥詳解
跨域問題
如圖所示,這是通過jquery封裝的ajax請求瞭一個本地的php文件(無框架),console提示CORS策略已阻止“來自來源”的“null”:請求的資源上不存在“訪問控制允許來源”標頭。
解決方案
設置header頭
header("Access-Control-Allow-Origin: *");
允許所有域名請求
header("Access-Control-Allow-Origin: http://127.0.0.1");
允許一個域名請求
<?php header("Access-Control-Allow-Origin: *"); function index(){ sleep(2); return json_encode(['code'=>8888888]); } echo index(); ?>
請求成功進error問題
這多半是因為你要求返回的是json格式的數據,但實際返回的數據不是正確的json數據
<script> var data = { parent:1 } $.ajax({ type: "POST", url: "http://127.0.0.1", dataType:'json', success: function (response,index,obj) { console.log(obj.done(function() { //延遲請求成功後的回調 alert("$.get succeeded"); })); console.log(index); //log success console.log("成功",response); //請求成功返回的數據 }, error(res){ console.log("失敗",res); } }); </script>
Ajax的第一個字母是asynchronous的開頭字母,這意味著所有的操作都是並行的,完成的順序沒有前後關系。$.ajax()的async參數總是設置成true,這標志著在請求開始後,其他代碼依然能夠執行。強烈不建議把這個選項設置成false,這意味著所有的請求都不再是異步的瞭,這也會導致瀏覽器被鎖死。
總結
到此這篇關於Ajax的疑難雜癥的文章就介紹到這瞭,更多相關Ajax疑難雜癥內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- 如何利用PHP 快速解決跨域問題
- 深入淺析同源與跨域,jsonp(函數封裝),CORS原理
- jQuery中ajax的相關知識點匯總
- Ajax請求超時與網絡異常處理圖文詳解
- Nginx跨域問題解析與解決