0

我得到了一些AJAX代码，但它没有得到服务器的响应。我尝试了很多东西，但无法弄清楚为什么这不起作用。我正在localhost使用XAMPP. 我希望在id 状态echo中看到。span

index.php 上的 AJAX

$(document).ready(function() {
    $("#registrationform").submit(function() {
        $.ajax({
            type: "POST",
            url: "registration.php",
            data: $("#registrationform").serialize(),
            success: function(data) {
                $("#status").html(data);
            }
        });

        alert("Ajax not running")
        });
});

index.php 上的表格

<form id="registrationform" action="">
Voornaam: <input type="text" name="voornaam" /><br />
Tussenvoegsel: <input type="text" name="tussenvoegsel" /><br />
Achternaam: <input type="text" name="achternaam" /><br />
Geslacht: <?php include_once("parser/geslacht.php"); ?><br />
Land: <?php include_once("parser/land.php"); ?><br />
Geboortedatum: <?php include_once("parser/gebdatum.php"); ?><br />
E-mail: <input type="text" name="e-mail" /><br />
Wachtwoord: <input type="password" name="password" /><br />
Hertype wachtwoord: <input type="password" name="password2" /><br /><br />
De onderstaande vraag is nodig om uw wachtwoord terug te halen mocht u die vergeten zijn.<br />
Geheime vraag: <select name="geheimevraag" id="geheimevraag">
<option value="huisdier">Wat is de naam van jouw eerste huisdier?</option>
<option value="moedername">Wat is de meisjesnaam van je moeder?</option>
<option value="eerstebaas">Hoe heet je eerste baas?</option>
<option value="eigenvraag">Eigen vraag opstellen</option>
</select><br/>
<span id="anders" style="display:none;">Eigen vraag: <input type="text"  name="eigen_vraag" style="width:300px;"/></span><br  />
Antwoord: <input type="password" name="gantwoord" /><br />
</form>
<input type="submit" value="Submit"/>
<span id="status"></span>

注册.php 

if(!empty($_POST)){
echo "There is a value";
}else{
echo "enter a value";
}
?>
4

4 回答 4

1

您必须阻止提交按钮的默认行为

$("#registrationform").submit(function(ev) {
    ev.preventDefault();
    ...

然后你需要实现一个适当的失败处理程序，你当前的总是会提醒，因为 ajax 是异步的

$.ajax({
    type: "POST",
    url: "registration.php",
    data: $("#registrationform").serialize(),
    success: function(data) {
        console.log(data); // check your console to see if request is success and what it contains
        $("#status").html(data);
    }
}).fail(function () { 
   alert("oh noes"); 
});
于 2013-04-11T10:35:50.807 回答
1

写<input type="submit" value="Submit"/>前</form>关闭标签 

 <form id="registrationform" action="">
    Voornaam: <input type="text" name="voornaam" /><br />
    Tussenvoegsel: <input type="text" name="tussenvoegsel" /><br />
    Achternaam: <input type="text" name="achternaam" /><br />
    Geslacht: <?php //include_once("parser/geslacht.php"); ?><br />
    Land: <?php //include_once("parser/land.php"); ?><br />
    Geboortedatum: <?php //include_once("parser/gebdatum.php"); ?><br />
    E-mail: <input type="text" name="e-mail" /><br />
    Wachtwoord: <input type="password" name="password" /><br />
    Hertype wachtwoord: <input type="password" name="password2" /><br /><br />
    De onderstaande vraag is nodig om uw wachtwoord terug te halen mocht u die vergeten zijn.<br />
    Geheime vraag: <select name="geheimevraag" id="geheimevraag">
    <option value="huisdier">Wat is de naam van jouw eerste huisdier?</option>
    <option value="moedername">Wat is de meisjesnaam van je moeder?</option>
    <option value="eerstebaas">Hoe heet je eerste baas?</option>
    <option value="eigenvraag">Eigen vraag opstellen</option>
    </select><br/>
    <span id="anders" style="display:none;">Eigen vraag: <input type="text"  name="eigen_vraag" style="width:300px;"/></span><br  />
    Antwoord: <input type="password" name="gantwoord" /><br />

   <input type="submit" value="Submit"/>
    </form>
    <span id="status"></span>

您的 jquery 脚本脚本：

<script>
$(document).ready(function() {
$("#registrationform").submit(function(ev){
ev.preventDefault();    
$.ajax ({
    type: "POST",
    url: "registration.php",
    data: $("#registrationform").serialize(),
    success: function(data) {
    $("#status").html(data);
   }
});

 alert("Ajax not running")
});
});

</script>
于 2013-04-11T10:37:33.777 回答
1

请尝试此代码

$(document).ready(function() {
    $("#registrationform").submit(function(e){
    e.preventDefault();
        $.ajax({
            type: "POST",
            url: "registration.php",
            data: $("#registrationform").serialize(),
            success: function(data) {
                $("#status").html(data);
            }
        });

        alert("Ajax not running")
        });
});
于 2013-04-11T10:34:36.370 回答
0

您需要阻止表单的默认行为，以便页面不会更改位置，以便 JS 可以执行 AJAX 请求。

$("#registrationform").submit(function(e) {
    e.preventDefault(); //this one
    $.ajax({
        type: "POST",
        url: "registration.php",
        data: $("#registrationform").serialize(),
        success: function(data) {
            $("#status").html(data);
        }
    });
});
于 2013-04-11T10:34:13.567 回答