html ajax 異步加載 局部刷新

1. getJSON

• 優勢: 簡單高效,直接返回處理好的json數據
• 缺點: 只能使用get請求和使用json數據

<script src ='jquery.min.js'></script>
    <script>
        $(()=>{
            const url='http://xxxxxxxxxx'
            $.getJSON(url,(json)=>{
                console.log(json)                   
                })      
        })
    </script>

2.ajax基本形式

<script>
        $(() =>{
            const url='http://xxxxxxxx'         
            $.ajax({
                'url':url,
        // 支持多種請求方式 默認get,能夠省略
                // 'tupe':'get',    
                // 'date':date, 
       // 支持多種數據類型 默認json,能夠省略
                // 'dateType':'json',
                'success':(json)=>{
                     console.log(json)
                }
        // 錯誤處理 能夠省略
                // 'error':(error)=>{}
            })
            
        })
    </script>

3.ajax請求頭修改(帶身份令牌)

<script src="js/jquery.min.js"></script>
    <script>
        $(()=>{
            $.ajax({
                url:'https://xxxxxxxxxxx',              
            // 請求頭添加身份令牌
                headers:{"token":"35ad60445cea11eXXXXXXXXXXXXXXXX"},
                success:(json)=>{
                    console.log(json)
                }
            })
        })
    </script>

4.錯誤

• ERR_CERT_COMMON_NAME_INVALID

多是瀏覽器阻止了訪問請求
在瀏覽器的地址欄輸入請求的URL
在阻止頁面選擇高級->繼續訪問就OK