GET后附加数据

时间:2014-04-29 12:40:44

标签: javascript jquery get request

我试图用jQuery从输入字段打印出值。我使用jQuery,但它不会工作。没有显示任何内容。这是我的代码:

<script type="text/javascript">
$(document).ready(function() {
    var value;
    $('#details input[type=text]').blur(function (e) {
        value = $(e.currentTarget).val();
        $.ajax({
                type: 'GET',
                url: 'summary.php',
                data: {value: value},
                dataType: "html",
                success: function(data) { $('#table_right').append(data); },
                error: function(xhr, ajaxOptions, thrownError) { alert(thrownError); }
            });

    });
});
</script>
<style type="text/css">
#stadsnat {
    margin-top: 25px;
    display: none;
}
#stadsnat h3 {
    margin-bottom: 20px;
}
</style>
<h1>Skapa nyförsäljning</h1>
<div id="table_left" style="width: 500px;"> 
    <form name="form_edit_kund" method="post" id="details" action="addcust.php">
    <h3 style="margin-bottom: 20px;">Personuppgifter:</h3>
        <label name="firstname">F&ouml;rnamn:</label>
        <input name="fornamn" type="text" id="firstname"  />
        <label name="lastname">Efternamn:</label>
        <input name="efternamn" type="text" />
        <label name="personnr">Personnr:</label>
        <input name="personnr" type="text" maxlength="11" />
        <label name="address"> Gatuadress:</label>
        <input name="adress" type="text" />
        <label name="zip"> Postnummer:</label>
        <input name="postnr" type="text" />
        <label name="city"> Postort:</label>
        <input type="text" name="postort" />
        <label name="phone">Telefonnummer:</label>
        <input name="telefon1" type="text">
</div>
<div id="table_right" style="width: 350px">
    <h1>Summering</h1>

</div>

正如您所看到的,我使用$ .ajax来执行GEt请求,但没有任何结果。

这是我的PHP文件:

<?php

    echo $_POST['value'];

?>

1 个答案:

答案 0 :(得分:1)

您正在发出GET请求,但正在查看$_POST

保持一致。使用type: 'POST',$_GET