0

こんにちは、ajax を使用せずに jquery でポスト形式でデータを送信する際に問題が発生しました。私は次のようなURLを持っていました：

intranetUrl+"customer/Ri_logon5.asp?requestString=";

送信したいパラメータは次のとおりです。

'manish|^info1234|^|^X|^11111985|^1.0|^|$';

次のようにajaxで試しました：

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);
    alert("param:"+parameters);

    $.post(encodedURL, parameters ,
            function(data) {
              alert("Data Loaded: " + data);
            });

}


else
{

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

}

ここで正しい結果が得られました。

私がそれを次のように使用する場合：

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);
    alert("param:"+parameters);

 $.ajax({
        type: "POST",
        contentType:"application/x-www-form-urlencoded; charset=UTF-8",
        url: encodedURL,
        data: parameters
      }).done(function(msg)
              {
                  response  = msg
                  console.log("repon s???????????????e::>::"+response);
          });

}


else
{

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


}

ここでも正しい結果が得られましたが、ajax を使用せずに次の post メソッドを使用すると、期待した結果が得られませんでした:

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);
    alert("param:"+parameters);
    post_to_url(intranetUrl+"customer/Ri_logon5.asp", finalStr); 




}


else
{

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


}


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

var postParam = encodeURIComponent(params);

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

}

しかし、この最後のコードを使用すると、目的の出力が得られませんでした。これで何が問題なのですか？任意の提案をいただければ幸いです。

次に、どのサーバーが出力を取得したかを確認しました。

requestString%3D=manish%25257C%25255Einfo1234%25257C.....

特殊文字がうまくエンコード/デコードされていないことを意味します.しかし、私はそれらを上記でエンコードしましたが、何が問題ですか?

4

1 に答える 1

1

3 番目の方法にはいくつかの問題があります。

  • URI全体をアクションとして設定するのではなく、intranetUrl+"customer/Ri_logon5.asp"

  • 入力フィールドの値を URIEncoded 文字列として設定しないでください。フォームの送信をそのままにして、エンコードを行います。

  • これは通常の動作であるため、ページを離れますform.submit();

  • 送信する前にフォームをページに追加する必要があります。document.body.appendChild(form);

最初の 2 つのポイントは、関数を呼び出す必要があることを意味します

var finalStr = u+encodeURIComponent("|^")+p+encodeURIComponent("|^")+encodeURIComponent("|^")+"X"+encodeURIComponent("|^")+d+encodeURIComponent("|^")+"1.0"+encodeURIComponent("|^|$");
post_to_url(intranetUrl+"customer/Ri_logon5.asp", finalStr);
于 2012-07-09T09:03:16.367 に答える