2016-08-18 90 views
0

得到jQuery的變量是在PHP我有這個jQuery在另一個processing.js文件,幷包含在HTML文件中有形式無法通過POST

$("#1st_submit").on("click", function(event) { 
    var ServiceType = $("#ServiceType").val(); 
    var locality = $("#locality").val(); 
    $.ajax({ 
     type: "POST", 
     url: 'http://localhost/revamp/booking.php', 
     data: { 
      ServiceType: ServiceType, 
      locality: locality 
     }, 
     error: function(req, err){ console.log('my message ' + err); }, 
     success: function (data) { 
      $("#1st_booking_form").hide(); 
      $("#2nd_booking_form").show(); 
      console.log(data); 
      alert("success"); 
     } 
    });//ajax 
}) 

在PHP代碼中,我訪問POST變量

$ServiceType = $_POST['ServiceType']; 
$locality = $_POST['locality']; 

,但我不是在PHP中獲得這個職位的價值觀,這是空

HTML代碼的形式這樣

<form role="form" method="post" id="1st_book" action="">    
      <div class="row" id="1st_booking_form"> 

       <div class="col-md-12 col-sm-12"> 
         <input class="inputMaterial" id="ServiceType" type="text" value="<?php echo $service_name_s; ?>" name="ServiceType" required> 
         </div> 
       <div class="col-md-12 col-sm-12">  
         <input class="inputMaterial" id="locality" type="text" value="<?php echo $locality_s; ?>" name="locality" required> 

       </div> 


      <br> 
      <center><button type="button" class="btn_full" id="1st_submit"> Book Now </button></center> 
      </div> 
</form> 

整個代碼與type:"GET"一起使用。

+0

控制檯是否顯示任何錯誤?請驗證PHP端的數據。 – Script47

+1

你能爲此添加html嗎?你在檢查PHP錯誤並查看你的控制檯嗎? –

+0

沒有顯示錯誤。我檢查了打印後變量,值爲空,並在jquery中,警報顯示值 –

回答

2

請注意#1st_submit是鏈接還是簡單按鈕?,在此事件發生後,您還沒有阻止進一步的事件操作,因此可能會造成問題。

$(document).on("click","#1st_submit", function(e) { 
    $.ajax({ 
     type: "POST", 
     url: 'http://localhost/revamp/booking.php', // try url with relative path 
     data: { 
      ServiceType: $("#ServiceType").val(), 
      locality: $("#locality").val() 
     }, 
     error: function(req, err){ console.log('my message ' + err); }, 
     success: function (data) { 
      $("#1st_booking_form").hide(); 
      $("#2nd_booking_form").show(); 
      console.log(data); 
      alert("success"); 
     } 
    });//ajax 
    return false; 
}); 

如果還沒那麼工作

檢查,如果你已經添加在.htaccess文件,或任何重定向規則使用標頭(「位置:.....」),它可引起相同的問題....

+0

也在服務器端print_r($ _ POST)檢查了它;死();並檢查控制檯從服務器返回的內容。以上代碼的 –

+0

與測試輸入正常工作,所以輸入字段出現錯誤。 – devpro

+0

'事件。preventDefault();' 我也添加了這個,因爲它是一個普通的按鈕,類型=「按鈕」... –

0

這是我的.htaccess文件中的重定向問題...已添加例外規則,現在它正在正常工作!