JQuery यूआई संवाद और डेटाबेस के साथ सरल रूप - jquery, AJAX, रूप, संवाद

मैं एक एजेंडा प्रोग्रामिंग कर रहा हूं, और मैं एक संवाद बॉक्स (jQuery UI मोडल फॉर्म के साथ) के भीतर एक फॉर्म खोलना चाहता हूं और फिर अपने डेटाबेस में जानकारी पंजीकृत कर सकता हूं लेकिन मैं जो कुछ करना चाहता हूं उसे मैं नहीं ढूंढ सकता।

मैंने कुछ कोड इकट्ठा किए हैं लेकिन यह काम नहीं करता है, मुझे पता है कि गलतियाँ हैं लेकिन मैं उन्हें ठीक नहीं कर सकता क्योंकि मैं jQuery में हूं और वह सब कुछ है।

मेरा कोड यहाँ है

$(function() {
$("#dialog").dialog("destroy");

var libelle = $("#libelle"),
type = $("#type"),
employe = $("#employe"),
date = $("#date"),
client = $("#client"),
camion = $("#camion"),
commentaire = $("#commentaire"),
allFields = $([]).add(libelle).add(type).add(employe).add(date).add(client).add(camion).add(commentaire);

$("#dialog-form").dialog({
autoOpen: false,
height: 450,
width: 250,
modal: false,
buttons: {
"Ajouter une tache": function() {
$(".ajax").submit( function(e) {
var datas = $(this).serialize();
$.ajax({
type: "POST",
url: traitement.php,
data: datas,
success: function(data) {

}
});
});
$(this).dialog("close");
},
Retour: function() {
$(this).dialog("close");
}
},
close: function() {
allFields.val("").removeClass("ui-state-error");
}
});



$("#create-user")
.button()
.click(function() {
$("#dialog-form").dialog("open");
});

});

और एचटीएमएल

<div class="test">


<div id="dialog-form" title="Ajouter une tache">
<form>
<fieldset>
<label for="libelle">Libelle</label>
<input type="text" name="libelle" id="libelle" class="text ui-widget-content ui-corner-all" />

<label for="Type">Type de RDV</label>
<select name="type" id="type" class="text ui-widget-content ui-corner-all" />
<option value="Entretien">Entretien</option>
<option value="Dépannage">Dépannage</option>
<option value="Congés">Congés</option>
</select>

<label for="employe">Employe</label>
<select name="id_empl" id="id_empl" class="selectbox ui-widget-content ui-corner-all" />
<option value="Entretien">Entretien</option>
<option value="Dépannage">Dépannage</option>
<option value="Congés">Congés</option>
</select>

<label for="date">Date</label>
<input type="text" name="date" id="date" class="text datepicker ui-widget-content ui-corner-all" />


<label for="client">Client</label>
<input type="text" name="client" id="client" class="text ui-widget-content ui-corner-all" />

<label for="camion">Réservation Camion</label>
<input type="checkbox" name="camion" id="camion" class="text ui-widget-content ui-corner-all" />

<label for="commentaire">Commentaire</label>
<textarea name="commentaire" cols="30" rows="5" class="text ui-widget-content ui-corner-all"></textarea>
</fieldset>
</form>
</div>

<button id="create-user">Ajouter une tache</button>

</div>

उत्तर:

जवाब के लिए 0 № 1

मुझे लगता है कि आपको jQuery के अजाक्स पोस्ट विधियों पर एक अच्छा नज़र डालने की आवश्यकता है।

http://api.jquery.com/category/ajax/

आप फ़ील्ड फ़ील्ड से इनपुट को php पेज या किसी चीज़ पर पोस्ट कर सकते हैं।

एक अच्छी प्लगइन जो आप पसंद कर सकते हैं मूल्य प्लगइन है:

http://plugins.jquery.com/files/jquery.values.js_1.txt


संबंधित सवाल
सबसे लोकप्रिय