Javascript 使用ajax刷新页面而不重新加载，在此页面中使用POST/GET

有三个面，我使用Ajax来避免重新加载页面以刷新。 这三个方面的内容和js：

内容：

<ul id="nav">
<li><a href="ajax_adat.php?id=8&epul=0">Adatok</a></li>
<li><a href="piac_vasarlas.php?id=8&epul=0">Kereskedelem</a></li>
<li><a href="piac_egyseg_gyartas.php?id=8&epul=0">Egység gyártás</a></li>

所有三个页面都希望使用POST和GET。例如，我喜欢使用的：

egyseg_gyartas.php？id=8&epul=0

如下所示：

...<input type=\"number\" name=\"v_vesz\" min=\"0\" max=\"".$hany["$v[$i]"]["epitheto"]."\" step=\"1\">...
<form action="<?php echo $_SERVER['PHP_SELF'], '?id=' . $id . '&epul=' . $lenneEpulet . '&Pgyart';?>" method="post">
    <input type="submit" name="egyseg_vasarlas" value="Küldés" style="float: left">
    <input type="Button" value="Vissza" onclick="$:location.href='../views/jatek.php'" style="float: left; margin-left: 10px">
</form>

那么，如果我在不重新加载的情况下使用此刷新页面，如何使用POST呢？在文章中，通常必须更改将构建在该页面上的变量。

---

例如，你可以买一辆马车（游戏），如果你买了它，我需要修改帖子，现在他买不到2辆马车，只有1辆，我在帖子中使用php函数，等等

将输入字段放入表单元素中：

<form action="<?php echo $_SERVER['PHP_SELF']. '?id=' . $id . '&epul=' . $lenneEpulet . '&Pgyart';?>" method="post">
    <input type=\"number\" name=\"v_vesz\" min=\"0\" max=\"".$hany["$v[$i]"]["epitheto"]."\" step=\"1\">
    <input type="submit" name="egyseg_vasarlas" value="Küldés" style="float: left">
    <input type="Button" value="Vissza" onclick="$:location.href='../views/jatek.php'" style="float: left; margin-left: 10px">
</form>

---

从我看到您正在使用的。加载哪个

大致相当于$.get（url、数据、成功）

如果您想发布数据，您仍然可以使用。加载

如果数据作为对象提供，则使用POST方法；否则,，
得到是假定的

因此，应该执行post的示例是

$(document).ready(function () {
    $('ul#nav li a').click(function(){
        var page = $(this).attr('href');
        var data = {
            "id": $(this).data("id"),
            "epul": $(this).data("epul"),
            "type": $(this).data("type"),
        };
        $('#content').load('../views/' + page, data);
        return false;
    });
});


我想说的另一件事是，如果您使用数据属性，您会发现从单击的元素提取GET参数并将它们在数据对象中传递到后端会更容易。我已经在上面的例子中这样做了

<ul id="nav">
<li data-id="8" data-epul="0" data-type="adatok"><a href="ajax_adat.php>Adatok</a></li>
<li data-id="8" data-epul="0" data-type="kereskedelem"><a href="piac_vasarlas.php>Kereskedelem</a></li>
<li data-id="8" data-epul="0" data-type="egyseg_vasarlas"><a href="piac_egyseg_gyartas.php>Egység gyártás</a></li>






$(document).ready(function () {
    $('ul#nav li a').click(function(){
        var page = $(this).attr('href');
        var data = {
            "id": $(this).data("id"),
            "epul": $(this).data("epul"),
            "type": $(this).data("type"),
        };
        $('#content').load('../views/' + page, data);
        return false;
    });
});

<ul id="nav">
<li data-id="8" data-epul="0" data-type="adatok"><a href="ajax_adat.php>Adatok</a></li>
<li data-id="8" data-epul="0" data-type="kereskedelem"><a href="piac_vasarlas.php>Kereskedelem</a></li>
<li data-id="8" data-epul="0" data-type="egyseg_vasarlas"><a href="piac_egyseg_gyartas.php>Egység gyártás</a></li>