>웹 프론트엔드 >JS 튜토리얼 >페이지를 다시 로드하지 않고 양식을 제출하는 방법은 무엇입니까?

페이지를 다시 로드하지 않고 양식을 제출하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-22 02:23:11550검색

How to Submit Forms Without Page Reloading?

페이지를 다시 로드하지 않고 양식 제출

광고 웹사이트에 양식을 제출하면 페이지가 다시 로드되는 문제가 발생했습니다. 이 동작은 사용자 경험을 방해하므로 바람직하지 않습니다. 이 문제를 해결하려면 다음과 같은 대체 접근 방식을 고려하십시오.

Iframe 리디렉션

페이지에 보이지 않는 iframe을 만들고 양식의 대상 속성을 iframe의 이름으로 설정합니다. 이렇게 하면 양식의 응답이 iframe으로 리디렉션되어 페이지가 다시 로드되지 않습니다.

<iframe name="votar">

서버측 스크립팅

양식을 서버에 제출할 수 있습니다. -메시지 전송을 처리하고 사용자를 현재 페이지로 다시 리디렉션하는 PHP와 같은 측 스크립트 다시 로드합니다.

PHP 스크립트(tip.php):

<?php
// Get the form data
$tip_email = $_POST['tip_email'];
$ad_id = $_POST['ad_id'];

// Send the tip email

// Redirect back to the current page without reloading
header('Location: ' . $_SERVER['HTTP_REFERER']);
?>

양식:

<form name="tip" method="post" action="tip.php">
    Tip somebody: 
    <input 
        name="tip_email"
        type="text" 
        size="30" 
        onfocus="tip_div(1);" 
        onblur="tip_div(2);"
    />
    <input type="submit" value="Skicka Tips" />
    <input type="hidden" name="ad_id" />
</form>

"tip.php"를 PHP 스크립트의 실제 경로를 확인하고 그에 따라 양식 작업 및 리디렉션 URL을 조정하세요.

위 내용은 페이지를 다시 로드하지 않고 양식을 제출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.