使用JQuery Ajax保存数据以避免页面重新加载

时间:2015-07-09 06:47:15

标签: php jquery ajax reload

目前我在使用普通PHP在页面上进行更改时保存数据但当然每次重新加载页面都会重置所有内容。我真的需要在没有页面重新加载的情况下这样做。我听说它可能与Ajax和JQuery有关。我更喜欢Jquery的答案,而不是Javascript。

2 个答案:

答案 0 :(得分:2)

例如你有这个表格

<input type="text" name="name" class="abc" id="test" placeholder="Name">
<a href="#" class="PopUpSendBtn" id="sendinfo">Send</a>

然后编写脚本

<script>
    $(document).ready(function() {
   // invoke event on clicking send button
   $("#sendinfo").on("click", function(evt) {
   // get value of input field
var userName = $('#test').val();

                         jQuery.ajax({
                url: filename.php,
                type:'POST',
                async: false,
                data:{'userName':userName},
                success: function(output_string){
                    //    alert(output_string);
                    if(output_string == 1){
                        // do someting
                    } else { 
                        // do someting
                    }
                   }
                   , error: function(object, status, response) {
                    alert(response); 
                }
                });

    });
});
</script>

你的php文件(filename.php)使用帖子请求获取数据

 $data = $_POST['userName'];
// query to store data in db
// after saving data successfully in db your can send back a success message //in json or any other format (in my case i am using json)
         $data['success'] = TRUE;
        echo json_encode($data);

不要忘记包含jquery脚本。

这是如何使用ajax发送数据的基本思路。您可以根据自己的要求进行修改。

答案 1 :(得分:-1)

对我来说,最好将所有数据保存在SESSION中,以便在每次需要时检索它们。 使用AJAX工作非常快速和良好。 这样,如果页面刷新,我的所有数据也会被保存。 显然你必须声明你打算在第一步使用的所有变量,否则它将永远不会起作用!