ThinkPHP5 是一款基于PHP的開源Web應(yīng)用框架，它的設(shè)計理念是簡單、直觀且靈活的。然而，在使用ThinkPHP5框架開發(fā)時可能會遇到一些問題和錯誤。其中，提交form出現(xiàn)錯誤就是常見的問題之一。本文將介紹ThinkPHP5提交form出現(xiàn)錯誤的原因和解決方法。

一、錯誤原因

在ThinkPHP5中，提交表單數(shù)據(jù)可以使用post方法，也可以使用put、delete等其他方法。然而，提交form數(shù)據(jù)時，有時候會出現(xiàn)錯誤提示：“不允許此Http方法提交”，如下圖所示。

這個錯誤提示的原因是由于瀏覽器使用了一種稱為“OPTIONS”的預(yù)檢查機制。當(dāng)使用POST、PUT等非簡單請求方式提交數(shù)據(jù)時，瀏覽器會首先發(fā)送一次OPTIONS請求，以確定服務(wù)器是否支持這種請求方式。如果服務(wù)器不支持，則會出現(xiàn)上述錯誤提示。

二、解決方法

1. 開啟跨域支持

先了解一下什么是跨域。跨域是指在一個域名的網(wǎng)頁上執(zhí)行另一個域名的JavaScript代碼。嚴格地說，只要協(xié)議、域名、端口有任何一個不同，都被當(dāng)作是不同的域，就會出現(xiàn)跨域問題。而提交form數(shù)據(jù)時，就有可能因為跨域問題而出現(xiàn)上述錯誤。

解決方案是在服務(wù)器端開啟跨域支持。在ThinkPHP5中，可以在配置文件config.php中添加如下代碼：

//?開啟跨域支持
'cross_domain'???=>?[
????'allow_origin'?=>?['*'],
????'allow_methods'?=>?['POST','GET','OPTIONS','PUT','DELETE'],
????'allow_headers'?=>?['*'],
????'expose_headers'=>?['token'],
????'max_age'???????=>?3600,
????'allow_credentials'?=>?true,
],

其中，allow_origin參數(shù)指定允許的域名，表示允許所有域名。allow_methods參數(shù)指定允許的請求方式，PUT、DELETE等非簡單請求方式也需要添加進去。allow_headers參數(shù)指定允許的請求頭信息，表示接受任意請求頭。expose_headers參數(shù)指定允許用戶獲取的額外信息，token表示允許獲取token信息。max_age參數(shù)指定允許緩存的時間，單位為秒。allow_credentials參數(shù)表示允許使用cookie等身份憑證。

2. 更改請求方式

如果不想開啟跨域支持，也可以通過更改請求方式來解決問題。在提交form數(shù)據(jù)時，可以將請求方式改為POST，這樣就可以避免出現(xiàn)瀏覽器預(yù)檢查的問題。

在HTML中，可以這樣修改form表單的method屬性：

<form method="POST">

在JavaScript中，可以這樣修改ajax請求的type屬性：

$.ajax({
????type:?'POST',
????url:?'http://example.com/path/to/api',
????data:?postData,
????success:?function(data)?{
????????console.log(data);
????}
});

3. 修改nginx配置

如果在使用Nginx作為Web服務(wù)器時出現(xiàn)上述錯誤，可以在nginx.conf文件中添加如下配置：

location?/?{
????if?($request_method?=?'OPTIONS')?{
????????add_header?'Access-Control-Allow-Origin'?'*';
????????add_header?'Access-Control-Allow-Methods'?'POST,GET,OPTIONS';
????????add_header?'Access-Control-Allow-Headers'?'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,token';
????????add_header?'Access-Control-Max-Age'?1728000;
????????add_header?'Content-Type'?'text/plain?charset=UTF-8';
????????add_header?'Content-Length'?0;
????????return?204;
????}
????...
}

其中，Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers、Access-Control-Max-Age等參數(shù)的含義和上文中解釋的相同。

總結(jié)

提交form數(shù)據(jù)時出現(xiàn)錯誤是一種常見的問題，對于初學(xué)者來說，可能會比較難以解決。本文介紹了提交form出現(xiàn)錯誤的原因和解決方法，希望能夠幫助讀者更好地使用ThinkPHP5框架。

以上是分析thinkPHP5提交form報錯原因和解決方法的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！