Copy codeThe Code is as follows:
<! --
To change this template, choose Tools | Templates
And open the template in the editor.
-->
<! DOCTYPE html>
<Html>
<Head>
<Title> </title>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
<Script src = "jquery-1.7.2.min.js"> </script>
<Script src = "jquery. form. js"> </script>
<Script>
// AjaxForm
Var optionss = {
DataType: "text ",
Type: 'post ',
Url: "chuli. php ",
BeforeSubmit: showRequest,
Success: showResponse,
ClearForm: true
};
$ ('# Form1'). ajaxForm (optionss );
Function showRequest (){}
Function showResponse (data ){
Alert (data );
}
</Script>
</Head>
<Body>
<Form action = "chuli. php" method = "post" id = "form1">
<Input type = "text" name = "name"/>
<Input type = "text" name = "sex"/>
<Input type = "submit" value = "submit"/>
</Form>
<Hr/>
<Form action = "chuli. php" method = "post" id = "form2">
<Input type = "text" name = "name"/>
<Input type = "text" name = "sex"/>
<Input type = "button" id = "tijiao" value = "Submit"/>
</Form>
</Body>
<Script>
// AjaxSubmit
$ ("# Tijiao"). click (function (){
$ ("# Form2"). ajaxSubmit ({
Success: function (data ){
Alert (data );
}
})
});
</Script>
</Html>