在GET之后追加数据

Append data after GET

本文关键字:数据 追加 之后 GET      更新时间:2023-09-26

我正试图用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'];
?>

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

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