Javascript AJAX在不刷新页面的情况下执行php

我不太懂javascript和AJAX，需要快速编写代码，所以如果你们能帮忙，那就太好了！ 我的网页上有一个“喜欢”按钮，允许用户喜欢内容：

html代码如下所示：

<form action=\"\" method=\"post\" enctype=\"multipart/form-data\"><button name=\"like$i\">like</button></form>

所有的代码都很好，但是当我点击like按钮时；页面刷新不理想

我知道你可以使用AJAX来解决这个问题；我一直在寻找答案，但他们似乎都是为了表格的内容插入等。。。 如果我看起来很懒，我很抱歉，但是我必须很快完成这项工作，目前没有时间正确地学习ajax:S

---

提前感谢=）

遵守以下代码：

jQuery.ajax({
    url: '/some/file.php', //link to your php
    method: 'POST', // Method, you can use GET too
    data: $('#the-form').serialize() //get form values
}).done(function (response) { //works if response is success
    // Do something with the response
}).fail(function () { //works if response is fail
    // Whoops; show an error.
});

---

只需编译您需要的所有内容：

JavaScript代码：

function submitFormData(inputForm) {
    jQuery.ajax({
        url: '/some/file.php', //link to your php
        method: 'POST', // Method, you can use GET too
        data: $(inputForm).serialize() //get form values
    }).done(function (response) { //works if response is success
        // Do something with the response
    }).fail(function () { //works if response is fail
        // Whoops; show an error.
    });
}

Html代码：

<form action="" method="post" enctype="multipart/form-data">
    <button type="button" onclick="submitFormData(this.form);" name="like$i">like</button>
</form>

喜欢

---

祝任务执行顺利。

您可以执行以下操作：

HTML

<form action="" method="post" id="likeForm" onsubmit="return false;">
    <input type="submit" name="like<?php echo $id; ?>" value="Like" />
</form>

yourpage.php

<?php

    for($i = 100; $i >= 0; $i-=1) {
        $primid = latest1($i);
        $id = $user_data['id'];
        if(isset($_POST['value']) && $_POST['value'] == "like" . $i && already_liked($id, $primid)===false) {
            add_like($id,$primid);

        }
        if(isset($_POST['value']) && $_POST['value'] == "like" . $i && already_liked($id, $primid)===true){
            echo "you have already liked this art";
        }
    }

?>

< /代码>只需将<代码>类型=“按钮”<代码>按钮按钮，否则它将默认提交表单，它将被视为提交按钮。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#likeForm').submit(function(){
            var value = $(this).children().attr('name');
            var param = {value: value};
            $.ajax({
                type: 'POST',
                url: 'yourpage.php',  // change this yourpage.php to point to a page where you want to process your ajax request
                cache: 'false',
                data: param,

                beforeSend: function(){
                    // before send
                },

                success: function(data){
                    // success
                },

                error: function(){
                    // error
                }
            });
        });
    });
 </script>

<?php

    for($i = 100; $i >= 0; $i-=1) {
        $primid = latest1($i);
        $id = $user_data['id'];
        if(isset($_POST['value']) && $_POST['value'] == "like" . $i && already_liked($id, $primid)===false) {
            add_like($id,$primid);

        }
        if(isset($_POST['value']) && $_POST['value'] == "like" . $i && already_liked($id, $primid)===true){
            echo "you have already liked this art";
        }
    }

?>