使用jQuery / ajax进行GET请求

时间:2012-12-11 02:07:16

标签: php javascript jquery ajax

我尝试使用jQuery发送输入以在另一个页面上处理,但我在使其工作时遇到了一些麻烦。

当我打开网络控制台时,我可以看到设置为common_functions的GET方法,但没有附加变量。我得到了这个

http://localhost/project/common_functions.php

而不是

http://localhost/project/common_functions.php?name=abcdef

这是我的HTML。据我所知,它很好,因为我从接收输入的函数中收到警报

<form method="post">
<table>
<tr><td>Project Name</td><td><input type = "textbox" name="project_name" id = "project_name" onkeyup = "get_name(this.value);" /></td></tr>
<tr><td>Project Description</td><td><input type = "textbox" name="project_name" id = "project_description" onkeyup = "get_description(this.value);"/></td></tr>
<tr><td><input type="submit" name="submit_project"></td></tr>
</table>
</form> 

这是jQuery。我试图发送GET请求。

function get_name(name){
    var project_name = name;
    $.get('common_functions.php', function(name) {
        alert(project_name); //this displays the name
        $('#project_name').html(name);
    });
}

当我有这个时,我会收到警报,所以我知道它至少承认了onkeyup。

2 个答案:

答案 0 :(得分:3)

您没有发送任何数据。您可以将数据附加到脚本名称或将其作为键 - 值对发送:

$.get('common_functions.php', {'project_name': name}, function(data) {

我不会在回调函数中使用相同的变量名,这只会导致混淆。

答案 1 :(得分:0)

您希望看到的是使用以下参数调用get函数。

var url = 'common_functions.php?project_name=' + Name;

$.get(url , function(name) {
    alert(project_name); //this displays the name
    $('#project_name').html(name);
});

第二个参数只是返回函数,当你调用common_functions.php返回时会调用它。

最好的方法是@jeroen表示。