为什么ajax什么都不做?

时间:2014-05-14 23:33:59

标签: javascript php jquery html ajax

所以我试图让PHP通过ajax发回促销代码;为什么没有收到呢?

我尝试了几种不同的方法,但似乎都没有工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">

function submit() {
 $.ajax({
     url: 'index.php',
     type: POST,
     data: $('form.ajax').serialize(),
     success: function(response) {
         alert(response);
     }
 });
}

</script>

HTML:       

  <select name="app">
    <option value="balloon">Balloon Doop</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>


<input type="submit" id="submit1" value="submit"  onclick="submit()" data-icon="info" />

PHP代码

<?php

$nothing = "";
$option = "balloon";
if ($_POST['app'] == $option) {

$promo = file('balloon.txt');
echo ($promo[0]);
$data = file_get_contents("balloon.txt");
$newdata = str_replace($promo[0], $nothing, $data);
file_put_contents("balloon.txt", $newdata);
} else {
    echo ("Not available");
}

?>

1 个答案:

答案 0 :(得分:2)

您没有取消表单的默认提交操作,因此页面会刷新。

function submit(e) {
    e.preventDefault();
    $.ajax({
        url: 'index.php',
        type: POST,
        data: $('form.ajax').serialize(),
        success: function(response) {
            alert(response);
        }
    });
}

//needs to be called on document ready
$('form.ajax').on("submit", submit);

如果你坚持按照编码的方式去做。

在功能和return false;

添加onclick="return submit()"