0

ユーザーがいくつかのオプションの $_GET データを入力するページがあります。AJAX を使用してこれらの $_GET 変数を .php スクリプトに渡したいと思います。しかし、私の問題は、ページを更新せずに、これまでに入力した $_GET 変数をどのように渡すかです。

これまでの私のコードは次のとおりです。

$.ajax({
type: "GET",
url: "serverside script to process on data",
data:{name:youwant}, // Here is where I want to take what the user has filled out so 
                     // far, and place it here all without refreshing the page
success: function(data){
     alert("return here if success")

}
})
4

2 に答える 2

1

まず、このタスクを小さなタスクにドロップします。

1）JavaScriptで変数を取得/処理する

2）それらをPHPに送信します

3）それらを解析/処理します

4）結果に応じて、JavaScriptに応答を送信します

5）応答してユーザーにメッセージを表示するハンドル

この例を見てみましょう。jquery.jsがロードされていると仮定しましょう。私たちが持っている入力の値（電子メールとパスワード）を送信したいとします。

<script type="text/javascript">

  $("#Send").click(function(){

     $.ajax({

         type : "GET", 
         //Look carefully:
         data : {
           // it'll be PHP vars       // This is JS vars
           email                :   $("#email").val(),
           password             :   $("#password").val()
         },

         success : function(respondFromPHP){

              alert(respondFromPHP);
         }
      });


  });

</script>

<input type="text" id="email" />
<input type="password" id="password" />

<br />
<button id="Send">Send to php</button>

phpスクリプトでは、次のように、取得した変数を処理するだけです。

<?php

print_r($_GET); // will print smth like Array("email" => "foo", "password" => "bar")

// Then create function so that you can simplify handling of the vars.
// Like this:
function validate_password($password){}
function validate_email($email){}
于 2012-11-10T18:54:31.467 に答える
1

あなたのコードはわかりませんが、フォームを作成できますが、送信する代わりに、onsubmitメソッドを JavaScript 関数に配置します。その関数では、すべての変数を収集し、ajax を介して渡します。

例：<form name="form1" method="get" onSubmit="return send()">

<script>
function send() {
 $.ajax(...);

return false;

}
</script>

seralize 関数を使用して$.ajax データフィールドを送信できます

于 2012-11-10T17:47:06.903 に答える