2014-09-11 3 views
1

캘린더와 제출 버튼으로 구성된 웹 양식이 있습니다. 이 제출 단추를 클릭하면 선택한 날짜의 값을 다른 페이지로 전달해야합니다. jquery를 사용하여이 작업을 수행하려고합니다. 그러나 그것은 작동하지 않는 것 같습니다.jquery를 사용하여 HTML에서 PHP 페이지로 변수를 전달할 수 없습니다.

이 페이지에 여러 제출 단추가 있으므로 양식의 게시 메서드를 사용하지 않습니다. 난 그냥 나중에 첫 페이지에서 전달되는 날짜와 시간 값을 표시 할 코드 두 번째 페이지에서

<html> 
<head> 
    <script language="javascript" type="text/javascript" src="javascript/datetimepicker.js"></script> 
    <script type="text/javascript" src="javascript/jquery-1.11.1.js"></script> 
    <script> 
     $(document).ready(function(){ 

       $('#submit').on("click", function(e){    
       var datevalue = $('#selecttime').val(); 
       $.ajax({ 
        type: "POST", 
        url: "displayer.php", 
        data: "value="+datevalue, 

        success: function(data) { 
          window.location.href = "displayer.php"; 
        } 
       }); 

      }); 
    </script> 
</head> 
    <body> 
     <form action="" method="post"> 
      <label for="datetime" >Select date and time:</label> 
      <input type="text" name = "selecttime" id="selecttime" size="30"/> <a href="javascript:NewCal('selecttime','ddmmyyyy',true)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a> 
      <input type="submit" name="submit" id="submit" /> 
     </form> 
    </body> 
</html> 

, displayer.php

form.php

내 첫 번째 페이지입니다 추가 처리를 계속하십시오.

$get_time = S_POST[value]; 
echo $get_time; 

그러나 몇 시간 동안 디버깅을 시도한 후에도 작동하지 않는 것 같습니다.

내가 잘못하고 수정해야 할 부분을 알려주십시오.

미리 감사드립니다.

+0

달성하려는 목표는 무엇입니까? 현재 코드는 AJAX 호출을 한 다음 다른 페이지로 리디렉션합니다. – Shomz

+0

브라우저의 개발 도구를 열고 콘솔에서 요청/응답을 보았습니까? –

+1

''action = "displayer.php"'를 폼에 쓰고'$ _POST [ 'selecttime']'에 접근하는 것이 어떨까요? AJAX 호출은 원하는 것이 아닙니다 (displayer.php는 AJAX 호출에서 전달한 값을 저장하지 않습니다). – ioums

답변

0

AJAX를 포스트 백/전체 페이지 새로 고침과 혼합합니다.

현재 코드는 displayer.php에 AJAX 요청을하고, 반환 된 데이터를 사용하지 않으며, displayer.php로 리디렉션합니다 (AJAX의 목적을 무효화). 리디렉션 할 때, displayer.php는 게시 한 값을 기억하지 않습니다. displayer.php 즉시 페이지를로드 게시 할 예정입니다

<body> 
    <form action="displayer.php" method="post"> 
     <label for="datetime" >Select date and time:</label> 
     <input type="text" name = "selecttime" id="selecttime" size="30"/> <a href="javascript:NewCal('selecttime','ddmmyyyy',true)"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a> 
     <input type="submit" name="submit" id="submit" /> 
    </form> 
</body> 

: 같은

보십시오 뭔가.

는 내가 같은 페이지에 여러 개의 버튼을 가진 것으로 완전히

0

내가 양식 태그에 행동 = "displayer.php"을 사용하고 있지 않다 클릭 처리기 제거하십시오. 모든 버튼을 클릭하면 다른 기능을 수행해야합니다.

위의 코드가이를 달성하는 잘못된 방법 인 경우이 문제를 어떻게 해결해야하는지 알려주십시오. 기본적으로 텍스트 상자의 값을 다음 페이지 'displayer.php'에 전달하여 처리하고 데이터베이스에 저장해야합니다.

관련 문제