post方法数据在jquery mobile中未正确发送

Question

Hi I want to send data to server using post method but not using ajax I am sending data like this:

function handleLogin()
{

var form = $("#loginForm");    
 var u = $("#username", form).val();
var p = $("#password", form).val();
var d = $("#dob", form).val();

if(u != '' && p!= '')
{

    var finalStr = u+encodeURIComponent("|^")+p+encodeURIComponent("|^")+encodeURIComponent("|^")+"X"+encodeURIComponent("|^")+d+encodeURIComponent("|^")+"1.0"+encodeURIComponent("|^|$");
    var encodedURL = encodeURI(intranetUrl+"customer/Ri_logon5.asp?requestString=");
    var parameters =  decodeURIComponent(finalStr);
    post_to_url(encodedURL,parameters);      

}


else
{

    alert("You must enter a username and password", function() {});
    $("#submitButton").removeAttr("disabled");
}


}

and my post_to_url function is as:

function post_to_url(url, params) {
var form = document.createElement('form');
form.action = url;
form.method = 'POST';

for (var i in params)
{
    if (params.hasOwnProperty(i))
    {
        var input = document.createElement('input');
        input.type = 'hidden';
        input.name = i;
        input.value = params[i];
        form.appendChild(input);                      
    }
}

 form.submit();
}

But from server I got response not an object which comes when u pass wrong parameter. But when I pass same parameter with ajax ten it works perfectly. why is it so?

my url format is:http://myDomain/Ri_logon5.asp?requestString=

and parameter format is like this:manish|^info1234|^|^X|^11111985|^1.0|^|$

If I enter url and pass parameter in rest client then it give proper response.

Answer 1

Seeing as you want to use POST instead of GET, you should change youre code from passing multiple post values. What you want is to only post requestString. Also you should change the url to: myDomain/Ri_logon5.asp

function post_to_url(url, params) {
var form = document.createElement('form');
form.action = url;
form.method = 'POST';

// Change this to fetch the arguments and build the string accordingly
var postString = 'manish|^info1234|^|^X|^11111985|^1.0|^|$'; 

var input = document.createElement('input');
input.type = 'hidden';
input.name = 'requestString';
input.value = postString
form.appendChild(input);  

 form.submit();
}

Answer 2

I had used following mwthod in ajax which works fine:

$.ajax({
                            type: "POST",
                            contentType:"application/x-www-form-urlencoded; charset=UTF-8",
                            url: clientDetailURL,
                            data: finalclientDetailParam
                          }).done(function( msg1 )
                          {
                                      var clientDetailResponse = msg1;
                                      console.log("Client detail response is:"+clientDetailResponse);


                          });

and here clientDetailURL is:http://myDomain/Ri_logon5.asp?requestString= and finalClientDetailParam are: manish|^info1234|^|^X|^11111985|^1.0|^|$

and for this ajax it works fine but same not for POST method without ajax. It is totally confusing.