从javascript到php的动态url POST

我正在尝试从javascript到php网页的POST，并使用ajax来实现这一点。我是一个noob，因此在语法方面遇到了困难。

都在同一功能内，

我的url由生成

var id = markers[i].getAttribute("id");
var name = markers[i].getAttribute("name");
var url = "markerpages.php?name=" + name + "&id=" + id;

然后我用这个链接到网页：

<a href="'+ url +'" id="postData">link to PHP webpage</a> 

然后我的jquery使用该id:运行

$(document).ready(function() {
            $('.postData').click(function() {
                console.log("outside ajax is working");
                console.log(url);
                  $.ajax({
                    type: "POST",
                    url: ' + url + ',
                    data: {
                    source1: "some text",
                    source2: "some text 2"},
                    success: function (data) {
                        console.log(data);
                        console.log(url);
                        console.log("inside ajax is working");
                    }
                  });
            });
  });

然后我在我的php页面上有我的：

 if (isset($_POST['source1'])) {
        $src1 = $_POST['source1'];
        echo $src1;
    }
    var_dump($_POST);

我不完全理解这里所需的查询语法，但即使我将其简化为ajax和点击，我也很难发布到正确的URL，并且得到一个空的var_dump（$_POST）。我一直试图在markrpages.php上发帖，但没有附上任何id或姓名。

最初，我把ajax作为这个函数之外的一个函数来运行，这个函数是由链接的onclick（）触发的，但我在传递动态URL时遇到了太多困难，所以我决定这样做。至少可以说，我是个缺乏经验的人。

衷心感谢您的帮助。