Javascript ile Post İşlemi Nasıl Yapılır ?

Arkadaşlar daha önce konular açılmış ama benim olayım o postlardan biraz farklı.
Bir online tasarım scriptim var ve Gönder butonuna tıkladığımda resimi sunucuya kaydediyor ve bana mail atıyor.

$('#save-image-php').click(function() {
$.post( "php/save_image.php", { base64_image: yourDesigner.getProductDataURL()} );


});
Buton da bu Gönder

şu fonksiyon resimin ilgili klasöre post edilmesini sağlıyor. ben bir form eklemek istiyorum indexime ve bilgileri yine ilgili o sayfaya göndermek istiyorum. işin php kısmında herhangi bir sorun yok lakin javascripti bir türlü yapamadım yardımcı olursanız çok sevinirim :/
bir form oluşturup $post("php/save_image.php", {base64_image: yourDesigner.getProductDataURL()} , $( "#testform" ).serialize());
yaptığımda yine form nesnesini almıyor

$post("php/save_image.php",$( "#testform" ).serialize(), {base64_image: yourDesigner.getProductDataURL()} );
yaptığımda ise form bilgilerini post edebiliyorum ancak bu kez post edilen image bilgilerini almıyor. Çok yaklaştım ama js bilgim olmadığı için yapamıyorum :/

2 işlemi birleştirip göndermen gerekiyor hocam

işte hocam sorun şu ki jsde nasıl yapılır bilmiyorum :/


var projemesaj = $('#icerik').val();
var pId=$('#projeId').val();
$.post('ajax/ekle/projegenel_mesajekle.php',{mesaj:projemesaj, id:pId}, function(gelen){
alert(gelen)
});

bu şekilde halledebilirsin

Ek Olarak: giden değerleride

$_POST['mesaj'];

şeklinde alabilirsin.

Ek Olarak: diger türlüsü ise

var urunAdet=5;
var formValues = $('#depoistek_kaydet_form').serialize();
$.post('ajax/depo_istekekle.php', formValues +'&toplamurun=' +urunAdet, function (gelen) {

});