ajaxで複数の値を渡したいのですが、どうすればいいでしょうか？

Question

ajaxで複数の値をアクセス先に渡したいのですが、どうしたら渡せるのでしょうか？
現在は以下のように記述していますが、これだと値が一つしか渡せません。
var value = 'hogehoge' $.ajax({ type: “POST”, url: “test.php”, data: value });

Answer 1

ajaxのdataに配列の様に値を渡してあげると複数の値を同時にtest.phpに渡すことが可能です。
以下はサンプルになります。

var id = 0001; var name = 'tarou'; $.ajax({ type: “POST”, url: “test.php”, data: { id: id, name: name } });

受け取り先では$_POST['id'], $_POST['name'] で渡された値を参照することが出来ます。
もちろん、var data = { id: id, name: name } とすることで、
$.ajax({ type: “POST”, url: “test.php”, data: data });
とすっきり書くことも可能です。

Answer 2

こんな感じですかね

js

    var data = {'email_req' : user_email,
                'name_req' : user_name,
                'tel_req' : user_tel
               };

      var request = $.ajax({
        url: "web.php",
        type: "POST",
        data: data,
      });

      request.done(function(msg) {
        alert( "success" + msg );
      });

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

php

$from_email = $_POST['email_req'];
$from_name = $_POST['name_req'];
$from_tel = $_POST['tel_req'];