내 jQuery 직렬화된 양식 데이터가 PHP 서버에 도달하지 못하는 이유는 무엇입니까?-PHP 튜토리얼-php.cn

내 jQuery 직렬화된 양식 데이터가 PHP 서버에 도달하지 못하는 이유는 무엇입니까?

DDD

풀어 주다： 2024-11-02 16:43:02

원래의

284명이 탐색했습니다.

Why is my jQuery serialized form data not reaching the PHP server?

jQuery와 PHP를 사용하여 양식 직렬화 및 제출

문제: jQuery를 사용하여 양식 데이터를 직렬화하더라도 데이터는 서버에 도달하지 못했습니다.

HTML 양식:

<code class="html"><form id="contactForm" name="contactForm" method="post">
    <input type="text" name="nume" size="40" placeholder="Nume">
    <input type="text" name="telefon" size="40" placeholder="Telefon">
    <input type="text" name="email" size="40" placeholder="Email">
    <textarea name="comentarii" cols="36" rows="5" placeholder="Message"></textarea>
    <input id="submitBtn" type="submit" name="submit" value="Trimite">
</form></code>

로그인 후 복사

JavaScript:

<code class="javascript">$("#contactForm").submit(function(e) {
    e.preventDefault(); // Prevent browser submission
    $.post("getcontact.php", $("#contactForm").serialize())
    .done(function(data) {
        // Process server response
    });
});</code>

로그인 후 복사

서버 -측 PHP(getcontact.php):

<code class="php">$nume = $_POST["nume"];
$email = $_POST["email"];
$telefon = $_POST["telefon"];
$comentarii = $_POST["comentarii"];</code>

로그인 후 복사

문제 해결:

$.post( ) (jQuery 3.0에서는 더 이상 사용되지 않음). 대신 다음 설정으로 $.ajax()를 사용하세요.

<code class="javascript">$.ajax({
    type: "POST",
    url: "getcontact.php",
    data: $("#contactForm").serialize(),
    dataType: "json",
    success: function(data) {
        // Process server response
    },
    error: function() {
        // Handle errors
    }
});</code>

로그인 후 복사

이 업데이트된 코드에서: