如何使用JQuery / AJAX向URL添加參數

Question

在HTML表單上使用get方法時，提交的數據將顯示在URL中。 此頁面顯示了我的意思。 我一直在嘗試使用get方法將其與JQuery和AJAX結合使用，但是由於某種原因數據未顯示在URL中。 有人知道為什么嗎？ 這是我的代碼：

$(function() {
    $('#mylink').click(function () {    
        $.get("submit.php", { name: 'John' }, function(data) {
            // blah blah blah
        });
    });
});

我希望將URL的末尾附加？name = John並能夠使用$ _GET變量進行訪問。 我怎樣才能做到這一點？

Answer 1

您的工作原理：jQuery的AJAX將{ name: 'John' }為submit.php?name=John 。

您可以像這樣在您的PHP腳本中訪問它：

<?php
echo $_GET["name"]; //ECHOs out "John"
?>

順便說一句，別忘了阻止鏈接更改頁面-

$('#mylink').click(function() {    
    $.get("submit.php", { name: 'John' }, function(data) {
        // blah blah blah
    });
    return false; //Prevents the default behavior of the link
});

Answer 2

好像您缺少return false; 在點擊處理程序中。 可能是為什么您沒有看到期望的結果。

例如

$(function() {
    $('#mylink').click(function () {    
        $.get("submit.php", { name: 'John' }, function(data) {
            // blah blah blah
        });
        return false;
    });
});

Answer 3

為什么不將其附加到鏈接？

$.get("submit.php?name=" + username), function(data){ ... });

順便說一句...請注意有關輸入網址的服務器端環境衛生的所有常規警告。 沒有人想見小鮑比桌子 ...