你如何使用jquery通过ajax发布元素值?

时间:2012-06-08 19:45:48

标签: php jquery ajax post

我能够将字符串发布到PHP文件,但是当我尝试在表单中选择一个输入字段以将其中的值发布到PHP文件时,它不起作用。我是否正确选择了输入字段中的值?

的.js

$.post("js/data.php", {postid: form.postid.value},
            function(output){
                $("#gotpostid").html(output).show();
            }).fail(function(x,y,z){ 
                $("#gotpostid").html(x + "<br />" + y + "<br />" + z)
            });

的index.php

<div class="post">
<form name="form"><input type="text" name="postid" value="1234" />
</div>

如果我只是做{postid: "some text"}它就可以了。

5 个答案:

答案 0 :(得分:1)

尝试以下方法:

<input type="text" name="postid" id="postid" value="1234" />

并通过执行

获取值
value of postid is $("#postid").val() instead form.postid.value

答案 1 :(得分:1)

使用

  $('input[name="postid"]').val();

而不是

form.postid.value

答案 2 :(得分:1)

而不是form.postid.value,请尝试$('[name="postid"]').val()

答案 3 :(得分:1)

尝试这些。

$.post("js/data.php", {postid: document.getElementById("postid").value},

$.post("js/data.php", {postid: $("input[name='postid']")[0].value},

答案 4 :(得分:0)

您可以尝试发送它:

        $.post("js/data.php", $(this).serialize(),
        function(output){
            $("#gotpostid").html(output).show();
        }).fail(function(x,y,z){ 
            $("#gotpostid").html(x + "<br />" + y + "<br />" + z)
        });

通过这种方式,您可以将表单中的所有值发送到php,而不必再担心它了