0

データを投稿 (送信) するときに、フォームからデータを取得しようとしています。しかし、私は jquery を使用した ajax については無知です。

今日、私のコードは次のようになります。

$(function() {
    $(".apply_up").submit(function(e){    
        $.post("controller/ajax.php", function(data) {
            alert("Data Loaded: " + data);
        }); 
    });
});

そして、ここに私のHTMLがあります:

<form name="Apply" class="apply_up" method="Post">
    <input type="image" src="img/t_up.png" id="ajax" name="t_up" value="1 ">
</form>

値 = "1" を取得したい

4

4 に答える 4

1

このようにしてみてください：

 $(".apply_up").submit(function(e){  
    e.preventDefault();
    var imgVal = $('#ajax').val();  
    $.post("controller/ajax.php", {value : imgVal}, function(data) {
        alert("Data Loaded: " + data.value);
    }, "json"); 
});
于 2013-03-25T11:02:35.650 に答える
1

値にアクセスしてから渡す必要があります。

$(".apply_up").submit(function(e){    
    var the_val = $('#ajax').val();
    $.post("controller/ajax.php", { 'value': the_val }, function(data) {
        alert("Data Loaded: " + data);
    }); 
});
于 2013-03-25T10:53:41.303 に答える
0

フォームに多くのフィールドがある場合は、serialize() を使用します。

html

<form name="Apply" id="apply" class="apply_up" method="Post">
...

jquery

$(".apply_up").submit(function(e){    
   $.post("controller/ajax.php",$(this).serialize(), function(data) {
   ...

  //OR
    $.post("controller/ajax.php",$("#apply").serialize(), function(data) {
        alert("Data Loaded: " + data);
    }); 
});
于 2013-03-25T11:00:14.340 に答える
0

ほとんどのフォームの適切な解決策:

HTML

<form action="controller/ajax.php" name="Apply" class="apply_up" method="Post">
    <input type="image" src="img/t_up.png" id="ajax" name="t_up" value="1 ">
</form>

JS

$(".apply_up").on('submit', function(e){
    e.preventDefault();

    var formAction = this.action,
        formData = $(this).serialize();

    $.post(formAction, formData, function(data) {
       alert("Data Loaded: " + data);
    }); 
});
于 2013-03-25T11:00:59.070 に答える