關于Ajax的疑難雜癥詳解

 更新時間:2022年03月09日 14:55:13   作者:Dreams_log  
這篇文章主要給大家介紹了關于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疑難雜癥內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • Ajax獲取XMLHttp對象的方法

    Ajax獲取XMLHttp對象的方法

    這篇文章主要介紹了Ajax獲取XMLHttp對象的方法,涉及JavaScript基于ajax的瀏覽器判定、加載等技巧,非常簡單實用,需要的朋友可以參考下
    2015-12-12
  • Ajax異步刷新功能及簡單案例

    Ajax異步刷新功能及簡單案例

    我們都知道,異步刷新是ajax中非常重要的一個功能,這篇文章主要來介紹一下有關ajax中異步刷新的知識,以及一個簡單的注冊案例。感興趣的小伙伴可以了解一下
    2021-11-11
  • Ajax與用戶交互的JSON數據存儲格式

    Ajax與用戶交互的JSON數據存儲格式

    數據存儲是JavaScript的核心功能,適當的存放好數據,就有利于我們組織起結構,又能使應用程序稍后訪問這些內容更加容易。這篇文章給大家介紹了Ajax與用戶交互的JSON數據存儲格式,感興趣的朋友一起看看吧
    2016-11-11
  • js跨域調用WebService的簡單實例

    js跨域調用WebService的簡單實例

    下面小編就為大家帶來一篇js跨域調用WebService的簡單實例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • 分享Ajax創建簡單實例代碼

    分享Ajax創建簡單實例代碼

    這篇文章主要為大家分享了Ajax創建簡單實例代碼,學習Ajax如何創建簡單實例,感興趣的小伙伴們可以參考一下
    2015-12-12
  • AJAX如何實現無刷新登錄功能

    AJAX如何實現無刷新登錄功能

    點擊登錄按鈕時彈出登錄窗口,輸入正確的用戶名密碼后點擊登錄則登錄窗口關閉,狀態改為當前用戶名.這篇文章主要介紹了AJAX如何實現無刷新登錄功能,需要的朋友參考下
    2017-01-01
  • 簡單實現ajax獲取跨域數據

    簡單實現ajax獲取跨域數據

    這篇文章主要為大家詳細介紹了如何簡單實現ajax獲取跨域數據的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-04-04
  • 你的jquery ajax無效和你的jquery引入路徑有關

    你的jquery ajax無效和你的jquery引入路徑有關

    當你發現你的jquery ajax無效的時候,不妨使用 fire bug調試一下,這時你會發現,提示"$"無效,為什么會有這種提示呢?可能是你引入jquery.js的路徑有問題
    2013-06-06
  • jQuery+Ajax+PHP實現“喜歡”評級功能附源碼下載

    jQuery+Ajax+PHP實現“喜歡”評級功能附源碼下載

    有同學問我如何實現一個像美麗說那樣的“我喜歡”評級功能,當用戶看到自己喜歡的圖片或文章時,點擊“紅心”按鈕,系統會自動記錄用戶的點擊,并將總數加1。這樣再結合不同的系統,可以將此功能應用到投票或收藏商品中去(如淘寶的收藏商品)。
    2015-10-10
  • ajax請求json數據案例詳解

    ajax請求json數據案例詳解

    最近項目有這樣一個需求,點擊六大洲,出現對應的一些請求信息,展示在下面,當請求之后,第二次點擊就不用再次請求了,究竟用代碼怎么寫呢,下面小編帶領大家了解了解
    2015-09-09

最新評論

免费人成视频在线观看