单击链接后处理ajax请求

时间:2017-08-06 14:21:23

标签: javascript php ajax

我的页面中有链接

<a href="tel:+1111" id="tel">+1111</a>

我想保存数据库中的每次点击

我做了这个ajax代码:

<script type="text/javascript">
        $('#tel').on('click', function() {
            var location = $(this).attr('href');
            var action = 'script.php';

            $.ajax({
                method: 'POST',
                url: action,
                data: '',
                dataType: 'json',
                success: function (data) {
                    window.location = location;
                },
                error: function(data){
                    return false;
                }
            });
        });
    </script>

现在我必须做什么,我必须在script.php中添加什么代码

2 个答案:

答案 0 :(得分:0)

首先,您需要将一些数据发送到script.php,例如

url: action,
data: {location: location},
dataType: 'json',
在script.php中,您可以阅读此数据

$_POST['location']

创建SQL查询并将数据保存在DB中。

答案 1 :(得分:0)

发送href作为json

<script type="text/javascript">
        $('#tel').on('click', function() {
            var location = $(this).attr('href');
            var action = 'script.php';

            $.ajax({
                method: 'POST',
                url: action,
                data: {"href":location}, // this line update
                dataType: 'json',
                success: function (data) {
                    console.log(data['state]); // this line add for debug server side
                    window.location = location;
                },
                error: function(data){
                    return false;
                }
            });
        });
    </script>

并更新script.php,如下所示:

<?php
    if($_POST['href']){
        //connect to database
        //update table
        echo json_encode(array('state'=>'ok'));
    }else{
        echo json_encode(array('state'=>'error'));
    } ?>