jQuery使用$ .post发送值的问题

时间:2011-01-31 16:27:12

标签: ajax post jquery

编辑:经过两个小时试图解决我的问题后,我被混淆了,所以我来到StackOverflow,我读了相关的问题但没有解决我的问题,最后我问了帮助。我简化了我的代码并发布了这个问题。测试你给我的代码,我可以看到我失败的地方。这很令人尴尬:在调用$ .post之前,我正在更改表单div的内容以显示ajax加载程序gif,因此当调用$ .post时,输入已被删除。

您好。我正在测试jQuery AJAX函数,我不能通过$.post发送数据。 这是一个过程:

  • form.php:一个html表单和一个jquery脚本,它通过$ .post发送值并提醒结果
  • process.php:一个接收值的php脚本,使用它们并返回一些东西。

FORM

<form action="#" method="post">
<label for="name">Your name</label>
<input type="text" name="name" id="name" />
<label for="email">Your email</label>
<input type="text" name="email" id="email" />
<input type="button" value="send" id="btnSend" />
</form>

JQUERY

    function sendAjaxPost(){

        $.post('process.php',{
                name: $('#name').val(),
         email: $('#email').val()
         },
         function(data){
           alert(data);
         });
        }

$('#btnSend').click(function(){
   sendAjaxPost();
}

PROCESS.PHP

foreach($_POST as $key => $value)
{
 echo $key . ' => ' . $value . '<br/>';
}

我无法发送$('#name')。val(),但如果我发送一个字符串一切正常。我在jQuery函数中提示$('#name')。val()并且可以读取它。我遵循$.post中显示的sintaxis。

有人可以给我一个灯吗?提前致谢

1 个答案:

答案 0 :(得分:1)

如果您可以阅读该功能的输入字段,可以试试这个,

function sendAjaxPost(){
         name=$('#name').val();
         email=$('#email').val();
         alert(name);   
         alert(email);   
        //If this two alerts the name and email, try with $.get();
        $.post('process.php',{
                name: name,
                email:email
         },
         function(data){
           alert(data);
         });
        }