ajaxForm和ajaxSubmit 粘贴就可用示例代码
ajaxForm和ajaxSubmit 粘贴就可用示例代码
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下://ajaxFormvaroptionss={dataType:"text",type:'post',url:"chuli...

复制代码 代码如下:

<>

<!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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新AJAX相关学习
热门AJAX相关学习
编程开发子分类