次のステートメントが、指定された URL に投稿データを送信しない理由を教えていただけますか? URL は呼び出されますが、サーバー上で $_POST を印刷すると、空の配列が返されます。データをデータに追加する前にコンソールにメッセージを出力すると、正しいコンテンツが表示されます。
$http.post('request-url', { 'message' : message });
データを文字列として試してみました (結果は同じでした)。
$http.post('request-url', "message=" + message);
次の形式で使用すると動作するようです:
$http({
method: 'POST',
url: 'request-url',
data: "message=" + message,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
});
しかし、$http.post() を使用してそれを実行する方法はありますか? また、それが機能するためには、常にヘッダーを含める必要がありますか? 上記のコンテンツ タイプは、送信データの形式を指定していると思いますが、JavaScript オブジェクトとして送信できますか?
ベストアンサー1
私はasp.net MVCを使用して同じ問題を抱えていましたが、ここで解決策を見つけました
AngularJS
$http
の初心者の間では、サービス短縮関数 (など) がjQuery の同等の機能 (など)$http.post()
と交換できない理由について多くの混乱が生じています。jQuery.post()
違いは、jQueryとAngularJSがデータをシリアル化して送信する方法にあります。基本的に、問題は、選択したサーバー言語がAngularJSの送信をネイティブに理解できないことにあります...デフォルトでは、jQueryは次のようにデータを送信します。
Content-Type: x-www-form-urlencoded
そしてお馴染みの
foo=bar&baz=moe
連載。
しかし、AngularJSは、
Content-Type: application/json
そして
{ "foo": "bar", "baz": "moe" }
JSON シリアル化。残念ながら、一部の Web サーバー言語(特に PHP ) では、ネイティブにシリアル化解除できません。
うまく機能します。
コード
// Your app's root module...
angular.module('MyModule', [], function($httpProvider) {
// Use x-www-form-urlencoded Content-Type
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
/**
* The workhorse; converts an object to x-www-form-urlencoded serialization.
* @param {Object} obj
* @return {String}
*/
var param = function(obj) {
var query = '', name, value, fullSubName, subName, subValue, innerObj, i;
for(name in obj) {
value = obj[name];
if(value instanceof Array) {
for(i=0; i<value.length; ++i) {
subValue = value[i];
fullSubName = name + '[' + i + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
}
else if(value instanceof Object) {
for(subName in value) {
subValue = value[subName];
fullSubName = name + '[' + subName + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
}
else if(value !== undefined && value !== null)
query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
}
return query.length ? query.substr(0, query.length - 1) : query;
};
// Override $http service's default transformRequest
$httpProvider.defaults.transformRequest = [function(data) {
return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
}];
});