Wie kann ich Daten als Formulardaten statt als Nutzdaten einer Anfrage posten?

Question

Im folgenden Code wird die AngularJS $http Methode ruft die URL auf und übergibt das xsrf-Objekt als "Request Payload" (wie auf der Netzwerk-Registerkarte des Chrome-Debuggers beschrieben). Die jQuery $.ajax Methode führt denselben Aufruf durch, übergibt aber xsrf als "Form Data".

Wie kann ich AngularJS xsrf als Formulardaten anstelle einer Anfrage Nutzlast zu übermitteln?

var url = 'http://somewhere.com/';
var xsrf = {fkey: 'xsrf key'};

$http({
    method: 'POST',
    url: url,
    data: xsrf
}).success(function () {});

$.ajax({
    type: 'POST',
    url: url,
    data: xsrf,
    dataType: 'json',
    success: function() {}
});

Answer 1

var fd = new FormData();
    fd.append('file', file);
    $http.post(uploadUrl, fd, {
        transformRequest: angular.identity,
        headers: {'Content-Type': undefined}
    })
    .success(function(){
    })
    .error(function(){
    });

Bitte zur Kasse gehen! https://uncorkedstudios.com/blog/multipartformdata-file-upload-with-angularjs

Answer 2

Für Symfony2-Benutzer:

Wenn Sie nichts in Ihrem Javascript ändern wollen, damit dies funktioniert, können Sie diese Änderungen in Ihrer Symfony-App vornehmen:

Erstellen Sie eine Klasse, die Symfony erweitert \Component\HttpFoundation\Request Klasse:

<?php

namespace Acme\Test\MyRequest;

use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\ParameterBag;

class MyRequest extends Request{

/**
* Override and extend the createFromGlobals function.
* 
* 
*
* @return Request A new request
*
* @api
*/
public static function createFromGlobals()
{
  // Get what we would get from the parent
  $request = parent::createFromGlobals();

  // Add the handling for 'application/json' content type.
  if(0 === strpos($request->headers->get('CONTENT_TYPE'), 'application/json')){

    // The json is in the content
    $cont = $request->getContent();

    $json = json_decode($cont);

    // ParameterBag must be an Array.
    if(is_object($json)) {
      $json = (array) $json;
  }
  $request->request = new ParameterBag($json);

}

return $request;

}

}

Verwenden Sie nun Ihre Klasse in app_dev.php (oder einer anderen Indexdatei, die Sie verwenden)

// web/app_dev.php

$kernel = new AppKernel('dev', true);
// $kernel->loadClassCache();
$request = ForumBundleRequest::createFromGlobals();

// use your class instead
// $request = Request::createFromGlobals();
$response = $kernel->handle($request);
$response->send();
$kernel->terminate($request, $response);

Answer 3

Ich verwende derzeit die folgende Lösung I gefunden in der AngularJS-Google-Gruppe.

$http
.post('/echo/json/', 'json=' + encodeURIComponent(angular.toJson(data)), {
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    }
}).success(function(data) {
    $scope.data = data;
});

Beachten Sie, dass Sie, wenn Sie PHP verwenden, etwas wie die HTTP-Komponente von Symfony 2 verwenden müssen Request::createFromGlobals() um dies zu lesen, da $_POST nicht automatisch mitgeladen wird.

Answer 4

Es reicht nicht aus, nur den Content-Type zu setzen, url muss die Formulardaten vor dem Senden kodieren. $http.post(url, jQuery.param(data))

Answer 5

Vollständige Antwort (seit Angular 1.4). Sie müssen die Abhängigkeit $httpParamSerializer einschließen

var res = $resource(serverUrl + 'Token', { }, {
                save: { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }
            });

            res.save({ }, $httpParamSerializer({ param1: 'sdsd', param2: 'sdsd' }), function (response) {

            }, function (error) { 

            });