AJAX提交表单模式访问

时间:2017-10-18 02:06:08

标签: javascript php jquery ajax twitter-bootstrap

我是JavaScript和AJAX的初学者我在打开一些模态之前尝试放一些安全码。

如果点击dataid = 1或dataid - 2

,我想显示不同的模态
href="" data-toggle="modal" data-target="#update-pincode" data-id="1"
href="" data-toggle="modal" data-target="#update-pincode" data-id="2"

<form id="idForm" method="POST">

  <div class="form-group">
    <label><?php echo $lang['pincode']; ?>:</label>
    <input type="text" class="form-control" placeholder="<?php echo $lang['pincode']; ?>" maxlength="5" name="pincode" id="pincode">    
  </div>
  <div class="modal-footer">
    <button type="submit" id="testButton" class="btn btn-primary"><?php echo $lang['send']; ?></button>
  </div>  
</form>

这是html代码,这是js部分:

$("#idForm").submit(function(e) {
  var url = "/ajax.php?task=check-pincode"; // the script where you handle the form input.
  $.ajax({
    type: "POST",
    url: url,
    data: $("#idForm").serialize(), // serializes the form's elements.
    success: function(data) {
      if ($.trim(data) === "ok") {
        $("#update-pincode").removeClass('fade').modal('hide');
        $("#edit-password").modal();                               
      } else {
        alert('Pin ERROR');
      }
    }
  });   
  e.preventDefault(); // avoid to execute the actual submit of the form.
});

ajax.php文件:

if (isset($_GET['task']) && $_GET['task'] == "check-pincode") {
  $pincode = (int) safe($_POST['pincode']);
  $id = (int) safe($_POST['id']);
  $checkpin = mysqli_query($db, "SELECT * FROM `users` WHERE pincode='$pincode'");
  if(mysqli_num_rows($checkpin) < 1){
    echo "error";
  } else {
    echo "ok";
  }
}

我想在这里做的是,如果点击了dataid 1来显示#one-modal,如果点击了dataid 2来显示#second-modal和其他模态但是我无法获得这个数据id值并且在JavaScript中检查以显示不同的模态。

告诉我这是如何保护这个ajax.php路径的.. 欢迎任何建议,抱歉4我的英语不好

0 个答案:

没有答案