doumi1944 2015-07-09 06:47
浏览 176
已采纳

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

At the moment I save data when changes are made on the page using ordinary PHP but of course it makes the page reload every time which resets everything. I really need to do it without page reload. I've heard its possible to do with Ajax and JQuery. I would much prefer Jquery answers rather than Javascript.

  • 写回答

2条回答 默认 最新

  • douwudie8060 2015-07-09 07:29
    关注

    for example you have this form

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

    then write Script

    <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>
    

    your php file(filename.php) get data using post request

     $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);
    

    Don't forget to include jquery script.

    This is the basic idea how to send data using ajax. You can modify it according to your requirements.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 关于模型训练的一个问题
  • ¥15 装了几千台服务器从来没遇到这种问题,哎看下哪位帮我解决吧
  • ¥15 单片机程序上的困难问题
  • ¥15 请教某软件缓存Ts文件破解合并mp4的方法
  • ¥15 求小游戏炸弹人中关于敌人的C++代码
  • ¥15 拿到这个服务器最高权限有偿
  • ¥50 来个抓app跳转支付宝转链接的
  • ¥15 remotes安装提示没有description文件
  • ¥15 AttributeError: 'NoneType' object has no attribute 'drop_duplicates'报错
  • ¥15 以下代码,运行结果报错