AJAX遇到的問題

2022-08-05 15:09:18 字數 1210 閱讀 1261

415:unsupported media type

對於當前請求的方法和所請求的資源,請求中提交的實體並不是伺服器中所支援的格式,因此請求被拒絕。

解決:

$$.ajax()
400:bad request,前端請求的格式錯誤

(1)語義有誤,當前請求無法被伺服器理解。除非進行修改,否則客戶端不應該重複提交這個請求。

(2)請求引數有誤。

在post請求下需要對資料物件轉成字串

$$.ajax(

});

$$.ajax(,

method: 'post',

datatype: 'json',

data: json.stringify(

data

),//需要post請求的型別的,資料物件轉成字串格式

success: function(data) {}

});

具體前端和後端實現過程:

(1)服務端:設定響應頭

header('access-control-allow-origin:*');//支援全域名訪問,不安全,部署後需要固定限制為客戶端**

header('access-control-allow-methods:post,get,options,delete');//支援的http 動作

header('access-control-allow-headers:x-requested-with,content-type');//響應頭 請按照自己需求新增。

(2)客戶端前端:設定headers自定義引數的時候的 "預請求" (也就是我們為什麼總是看到兩次請求的地方)

a 第一步:傳送預請求options請求。此時,伺服器端需要對於options請求作出響應 一般使用202響應即可,不用返回任何內容資訊。

b 第二步:伺服器accepted第一步請求後,瀏覽器自動執行第二步傳送真正的請求

介面給了成功**的資料,但是進了error**,導致,訪問介面成功的callback無法執行。初步覺得 json 格式不對,但是看了charles 其實是對的

json格式

使用Ajax遇到的問題

最近在幫同學搭一個簡單的個人部落格,前端採用bootstrap layui 各種沒聽過的東西,原諒我太辣雞, 經過一頓的瞎分析,還是要使用一下ajax來傳送請求和展示資料,沒想到剛開使就遇到麻煩了 使用ajax傳送請求後,動態建立元素並新增資料,這時問題來了,一些點選事件沒了,完全失效了,也不報錯, ...

原生Ajax與jQuery的Ajax和偽Ajax

用原生的ajax傳送請求var xhr new xmlhttprequest xhr open 請求方式 post get 請求url true xhr onreadystatechange function xhr send 傳送的資料 用jquery的ajax傳送請求 ajax 用偽ajax如果...

遇到的bug

1 div出現莫名其妙的空白bug 之前寫了一個後臺管理系統 專案不小加上是改版 很多的js都是用的之前的 bug多到自己都不想看 其中有個...