2016-08-18 121 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文件中的重定向问题...已添加例外规则,现在它正在正常工作!