Как передать параметры, которые являются входным значением текстового поля в ajax в jQuery

Question

Мой код Ajax

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

Это код формы. Я хочу передать значение txt1 в Ajax

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

Я хочу передать значение txt1 на мою страницу php, используя эту функцию Ajax.

Скажите, пожалуйста, что именно будет указано в атрибуте данных Ajax

Answer 1

Отправка данных в виде объекта вместо строки и получение значения текстового поля, используйте 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/

Answer 2

Вы имеете в виду:

$(document).ready(function() {
    $("#sub").click(function() {
    var txt1 = $("#txt1").val(); //textbox value
        $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            cache: false,
            data: "txt1=" + txt1,
            dataType: "html",
            success: function(result) {
                $("div").html(result);
            }
        });
    });
});​