前言

• jquery 3.4.1
• Google Chrome 77.0.3865.90 (正式版本) （64 位） (cohort: Stable)

方法

打開 Chrome Console （F12）。

讓 Chrome 加載 jquery 。

執(zhí)行 jquery 的 ajax 方法。

操作步驟

以調(diào)用http://t.weather.sojson.com/api/weather接口（https://www.sojson.com/api/weather.html）為例進(jìn)行說(shuō)明。
http://t.weather.sojson.com/api/weather 是接口，沒有數(shù)據(jù)。
http://t.weather.sojson.com/api/weather/city/101030100 是接口帶參數(shù)city，獲取天津的天氣預(yù)報(bào)。

在 Chrome 中打開http://t.weather.sojson.com/api/weather。這步很重要。
沒有這步，將出現(xiàn)跨域請(qǐng)求異常（Access to XMLHttpRequest at ‘http://t.weather.sojson.com/api/weather/city/101030100’ from origin ‘chrome-search://local-ntp’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.）。

在 Chrome 中打開 Console 查看是否支持 ajax。

如果Chrome已支持 ajax 方法，則跳過(guò)本步。如果Chrome未支持 ajax方法，讓 Chrome 加載 jquery 來(lái)支持 ajax 方法。
Chrome 加載 jquery 的代碼：var script=document.createElement("script"); script.type="text/javascript"; script.src="https://code.jquery.com/jquery-3.4.1.min.js"; document.getElementsByTagName('head')[0].appendChild(script);

執(zhí)行 jquery 的 ajax 方法。$.ajax({url: "http://t.weather.sojson.com/api/weather/city/101030100",success: function(ajaxData) {console.log(ajaxData); } });

其它

此種方式能不能使用 ajax jsonp 的方式調(diào)用？

答：jsonp必須后端開發(fā)配合，返回的json串形式須為callback({0})、showData({0})等。得到后端開發(fā)的配合，能使用；否則，不能使用。

總結(jié)

以上是生活随笔為你收集整理的使用jquery调试ajax接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。