JQuery MiniUI development tutorial Form Control Form: loading and saving (2)

Create form

You only need one id to create a form object:

Var form = new mini. Form ("# form1 ");

Load Form

$. Ajax ({
Url: "../data/FormService. aspx? Method = LoadData ",
Type: "post ",
Success: function (text ){
Var data = mini. decode (text); // deserialize the object
Form. setData (data); // you can specify multiple controls.
}
});

Submit Form

// Submit form data
Var form = new mini. Form ("# form1 ");
Var data = form. getData (); // obtain the data of multiple controls in the form.
Var json = mini. encode (data); // serialize to JSON
$. Ajax ({
Url: "../data/FormService. aspx? Method = SaveData ",
Type: "post ",
Data: {submitData: json },
Success: function (text ){
Alert ("submitted successfully, returned result:" + text );
}
});

Clear form

Form. clear ();

Reset form

Form. reset ();