使用以下代码向服务器发送jQuery或AngularJS Ajax“ POST”请求，但是不向服务器发送参数数据。

Question

"POST" request to server using code below

however do not sending param data to server.

I tried jQuery Way and

var request = $.ajax({
  url: baseUrl,
  type:'post',
  data: 'userId=userabcd&passwd=abcd1234',

});

request.done(function( msg ) {
  console.log(msg);
});

request.fail(function( jqXHR, textStatus ) {
  alert( "Request failed: " + textStatus );
});

AngularJS Way.

    $http({
        method  : 'POST',
        url     : baseUrl,
        headers : { 'Content-Type': 'application/x-www-form-urlencoded' },  
        data    : 'userId=userabcd&passwd=abcd1234'
    }).success(function(data, status, headers, config) {

    console.log(data);
    console.log(status);
    console.log(headers);
    console.log(config);

    }).error(function(data, status, headers, config) {

            console.log(data);

    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

but both are not sending "POST" query to server.

what am i doing wrong

please help.

server information

Mircrosoft/IIS8.0, ASP

Answer 1

Without seeing your server-side code it is difficult to say if that is a problem. The JS you have presented generally looks okay. You say that it runs without errors but fails to produce the expected results on the server. So I suggest you add the server-side code.

Both cases accept data as an object rather that a string which is generally more convenient. (avoids having to deal with encoding characters yourself)

For example:

data: {userId:'userabcd', passwd:'abcd1234'},

Have a read of the the documentation for $.ajax and $http