ajaxForm和ajaxSubmit 粘贴就可用示例代码

复制代码 代码如下:

<!–

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=”提交”/>

</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=”提交”/>

</form>

</body>

<script>

//ajaxSubmit

$(“#tijiao”).click(function(){

$(“#form2”).ajaxSubmit({

success:function(data){

alert(data);

}

})

});

</script>

</html>


您可能感兴趣的文章:

  • 浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
  • jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
  • jQuery ajaxSubmit 实现ajax提交表单局部刷新
  • jQuery使用ajaxSubmit()提交表单示例
  • 利用AjaxSubmit()方法实现Form提交表单后回调功能
张贴在3