如何使用JQuery / AJAX向URL添加参数

时间:2011-03-21 03:13:51

标签: php javascript jquery html ajax

在HTML表单上使用get方法时,提交的数据会显示在URL中。 This page shows what I mean.我一直试图使用get方法将其与JQuery和AJAX一起使用,但由于某些原因,数据未显示在URL中。有谁知道为什么?这是我的代码:

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

我希望URL的末尾附加?name = John,并且能够使用$ _GET变量访问它。我怎样才能做到这一点?

3 个答案:

答案 0 :(得分:5)

你的工作:jQuery的AJAX将{ name: 'John' }转换为submit.php?name=John

您可以在PHP脚本中访问它,如下所示:

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

BTW不要忘记阻止链接更改页面 -

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

答案 1 :(得分:1)

您似乎在点击处理程序中缺少return false;。可能是为什么你没有看到你的期望。

例如

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

答案 2 :(得分:0)

为什么不将它附加到链接?

$.get("submit.php?name=" + username), function(data){ ... });
顺便说一句......请注意所有关于输入网址的服务器端卫生的正常警告。没有人想见Little Bobby Tables ......