ajax没有使用漂亮的网址

Question

在我的wp-content / themes / twentytwelve / js目录中，我创建了一个scripts.js文件，其中包含我在网站上使用的所有js函数。之前，当永久链接设置为默认值时，函数运行正常但是当我将永久链接结构更改为post-name时，启用了ajax的函数无效。我认为，他们无法重新加载分别指示给函数的url（自定义.php文件）。这是我的代码示例：

   function showProducts(type, category) {  
    var hr = new XMLHttpRequest();
    var url = "./show-products.php";
    var div ="productslist";
    var vars = "type="+type+"&category="+category;
    hr.open("POST", url, true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var return_data = hr.responseText;
            document.getElementById(div).innerHTML = return_data;
        }
    }
    hr.send(vars);
    document.getElementById(div).innerHTML = "<p style='font-size:12px;'><i>Processing Results...</i></p>";
}

我该如何解决这个问题？这是我第一次使用wordpress，我仍然在寻找自己的结构。非常感谢您的帮助。