jQuery-ajax POST에 대한 양식 값 가져 오기

jQuery-ajax POST에 대한 양식 값 가져 오기

---

AJAX를 통해 양식 값을 PHP 파일에 게시하려고합니다. "data"매개 변수 내에서 보낼 양식 값을 수집하려면 어떻게합니까?

$.ajax({
        type: "POST",
        data: "submit=1&username="+username+"&email="+email+"&password="+password+"&passconf="+passconf,
        url: "http://rt.ja.com/includes/register.php",
        success: function(data)
        {   
            //alert(data);
            $('#userError').html(data);
            $("#userError").html(userChar);
            $("#userError").html(userTaken);
        }
    });

HTML :

<div id="border">
  <form  action="/" id="registerSubmit">
    <div id="userError"></div>
      Username: <input type="text" name="username" id="username" size="10"/><br>
      <div id="emailError" ></div>
      Email: <input type="text" name="email" size="10" id="email"/><br>
      <div id="passError" ></div>
      Password: <input type="password" name="password" size="10" id="password"/><br>
      <div id="passConfError" ></div>
      Confirm Password: <input type="password" name="passconf" size="10" id="passconf"/><br>
      <input type="submit" name="submit" value="Register" />
  </form>
</div>

---

직렬화 방법을 사용하십시오.

$.ajax({
    ...
    data: $("#registerSubmit").serialize(),
    ...
})

문서 : serialize ()

---

$("#registerSubmit").serialize() // returns all the data in your form
$.ajax({
     type: "POST",
     url: 'your url',
     data: $("#registerSubmit").serialize(),
     success: function() {
          //success message mybe...
     }
});

---

val 함수를 사용하여 입력에서 데이터를 수집 할 수 있습니다.

jQuery("#myInput1").val();

http://api.jquery.com/val/

---

var data={
 userName: $('#userName').val(),
 email: $('#email').val(),
 //add other properties similarly
}

과

$.ajax({
        type: "POST",
        url: "http://rt.ja.com/includes/register.php?submit=1",
        data: data

        success: function(html)
        {   
            //alert(html);
            $('#userError').html(html);
            $("#userError").html(userChar);
            $("#userError").html(userTaken);
        }
    });

당신은 다른 것에 대해 귀찮게 할 필요가 없습니다. jquery는 직렬화 등을 처리합니다. 또한 제출 쿼리 문자열 매개 변수 submit = 1을 데이터 json 객체에 추가 할 수 있습니다.

---

var username = $('#username').val();
var email= $('#email').val();
var password= $('#password').val();

---

이 코드로 시도하십시오.

$.ajax({
        type: "POST",
        url: "http://rt.ja.com/includes/register.php?submit=1",
        data: "username="+username+"&email="+email+"&password="+password+"&passconf="+passconf,

        success: function(html)
        {   
            //alert(html);
            $('#userError').html(html);
            $("#userError").html(userChar);
            $("#userError").html(userTaken);
        }
    });

확실히 효과가있을 것 같아요 ..

jquery Ajax를 통해 데이터를 전송 하기 위해 .serialize () 함수를 사용할 수도 있습니다 .

i.e: data : $("#registerSubmit").serialize()

감사.

참고 URL : https://stackoverflow.com/questions/7426085/jquery-getting-form-values-for-ajax-post