Maison >interface Web >js tutoriel >Comment implémenter $http dans Angularjs pour transmettre des paramètres via le corps du message dans une requête de publication
L'exemple de cet article décrit la méthode de transmission des paramètres via le corps du message via $http dans Angularjs via une demande de publication. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Dans Angularjs, $http utilise post pour transmettre les paramètres dans le corps du message. Les modifications suivantes doivent être apportées pour garantir l'exactitude des paramètres transmis. dans le corps du message.
1. Définissez-le lors de la déclaration de l'application :
var httpPost = function($httpProvider) { /******************************************* 说明:$http的post提交时,纠正消息体 ********************************************/ // 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; } ]; }; var ngApp = angular.module('wtApp', ['ngCookies'], httpPost);
2. post
$http({ method: 'POST', url: 'GetData.ashx', params: { id: '1002' },//params作为url的参数 data: { keyName: 'qubernet' }//作为消息体参数 }, function (data) { });
Pour plus d'articles connexes sur la façon d'implémenter $http dans Angularjs pour transmettre des paramètres via le corps du message dans une demande de publication, veuillez faire attention au chinois PHP site web!