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

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

광고 웹 사이트가 있고 광고가 게재 된 페이지에서 '친구에게 팁 보내기'양식을 작성 중입니다 ...

따라서 원하는 사람은 누구나 이메일 주소로 친구의 팁을 보낼 수 있습니다.

양식을 PHP 페이지에 제출해야합니다 맞춰요?

<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>

양식을 제출할 때 페이지가 다시로드됩니다. 나는 그걸 원치 않습니다 ...

다시로드하지 않고 메일을 보내는 방법이 있습니까? preferrably 아약스 또는 jquery없이 ...

감사

해결법

1. ==============================

   1.페이지를 다시로드하지 않고 이메일을 보내려면 ajax 요청을 제출해야합니다. http://api.jquery.com/jQuery.ajax/에서 살펴보십시오.

   페이지를 다시로드하지 않고 이메일을 보내려면 ajax 요청을 제출해야합니다. http://api.jquery.com/jQuery.ajax/에서 살펴보십시오.

   귀하의 코드는 다음 사항을 따라야합니다.

   $('#submit').click(function() {
       $.ajax({
           url: 'send_email.php',
           type: 'POST',
           data: {
               email: 'email@example.com',
               message: 'hello world!'
           },
           success: function(msg) {
               alert('Email Sent');
           }               
       });
   });
   

   양식은 백그라운드에서 send_email.php 페이지로 제출되며,이 페이지는 요청을 처리하고 이메일을 보내야합니다.

2. ==============================

   2.나는 더 쉬운 방법이라고 생각하는 것을 발견했습니다. 페이지에 Iframe을 삽입하면 해당 액션의 이탈을 리디렉션하여 표시 할 수 있습니다. 물론 아무것도 할 수 없습니다. 이 경우 iframe 표시를 none으로 설정할 수 있습니다.

   나는 더 쉬운 방법이라고 생각하는 것을 발견했습니다. 페이지에 Iframe을 삽입하면 해당 액션의 이탈을 리디렉션하여 표시 할 수 있습니다. 물론 아무것도 할 수 없습니다. 이 경우 iframe 표시를 none으로 설정할 수 있습니다.

   <iframe name="votar" style="display:none;"></iframe>
   <form action="tip.php" method="post" target="votar">
       <input type="submit" value="Skicka Tips">
       <input type="hidden" name="ad_id" value="2">            
   </form>
   

3. ==============================

   3.당신은 AJAX를 사용하거나

   당신은 AJAX를 사용하거나

4. ==============================

   4.가장 빠르고 쉬운 방법은 iframe을 사용하는 것입니다. 페이지 하단에 프레임을 넣으십시오.

   가장 빠르고 쉬운 방법은 iframe을 사용하는 것입니다. 페이지 하단에 프레임을 넣으십시오.