如何使用表单

时间:2017-02-15 11:21:42

标签: html ajax

我有一张表格和ajax。

我无法使用$(form).serialize();

发送

如何使用表单发送按钮值?

HTML:

<form action="" id="ogrenci_arama_formu">
            <input type="text" id="eposta" name="eposta">
            <button id="ogrenci_ara" name="ogrenci_ara" value="true" class="btn btn-info">Öğrenciyi Ara</button>
            <!--<input id="ogrenci_ara" type="hidden" name="ogrenci_ara" value="true">-->
        </form>

AJAX:

$("#ogrenci_arama_formu").submit(function (e) {
            e.preventDefault();
            console.log("form: ",$(this).serialize());
            $.ajax({
                url: "sayfalar/ogrenci_bilgileri.php",
                type: 'post',
                /*dataType: 'json',*/
                data: $(this).serialize()
            }).done(function(data) {
                $("tbody").html(data);
            }).fail(function(data) {
                console.log("error",data);
            });
        });

输出:

eposta=

1 个答案:

答案 0 :(得分:1)

尝试将商店按钮值转换为变量并使用表单序列化发送,如此

JAVASCRIPT -

$("#ogrenci_arama_formu").submit(function(e) {
  e.preventDefault();
  var btnValue = $(this).find('#ogrenci_ara').val();
  console.log("form: ", $(this).serialize()+'&ogrenci_ara='+btnValue);
  $.ajax({
    url: "sayfalar/ogrenci_bilgileri.php",
    type: 'post',
    /*dataType: 'json',*/
    data: $(this).serialize()+'&ogrenci_ara='+btnValue
  }).done(function(data) {
    $("tbody").html(data);
  }).fail(function(data) {
    console.log("error", data);
  });
});