dongruan6001 2012-02-21 04:08
浏览 750
已采纳

如何将输入文本框值的参数传递给jQuery中的ajax

My Ajax code

$(document).ready(function() {
    $("#sub").click(function() {
        $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            data: "txt1=" + txt1,
            success: function(result) {
                $("div").html(result);
            }
        });
    });
});​

This is the form code . I want to pass txt1 value to Ajax

<input type="text" name="txt1" id="txt1" /><br>
<input type="button" name="sub" id="sub" value="click Me" />

I want to pass txt1 value to my php page using this Ajax function.

Please tell me what exactly will come in the data attribute of Ajax

  • 写回答

2条回答 默认 最新

  • donglinyi4313 2012-02-21 04:14
    关注

    Send data as an object instead of a string and to retreive the value of the text field, use val():

    $(document).ready(function() {
        $("#sub").click(function() {
            $.ajax({
                type: "POST",
                url: "jqueryphp.php",
                data: {
                    txt1: $("#txt1").val()
                },
                success: function(result) {
                    $("div").html(result);
                }
            });
        });
    });​
    

    http://api.jquery.com/val/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?