如何使用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){ ... });

顺便说一句...请注意有关输入网址的服务器端环境卫生的所有常规警告。 没有人想见小鲍比桌子 ...