用jquery/ajax發佈數據

Question

我試圖從我的表單中檢索數據，當我發佈（提交）數據時。但我對jQuery有一些無知。

今天，我的代碼看起來是這樣的：

$(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」

Answer 1

您需要訪問值，然後通過它：

$(".apply_up").submit(function(e){  
    var the_val = $('#ajax').val(); 
    $.post("controller/ajax.php", { 'value': the_val }, function(data) { 
     alert("Data Loaded: " + data); 
    }); 
}); 

Answer 2

和使用序列化（）..如果你有很多領域表單中的

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); 
    }); 
}); 

Answer 3

對於大多數形式的妥善解決：

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); 
    }); 
}); 

Answer 4

嘗試像這樣的：

$(".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"); 
});