手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >ajaxForm和ajaxSubmit 粘贴就可用示例代码
ajaxForm和ajaxSubmit 粘贴就可用示例代码
摘要:复制代码代码如下://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>

【ajaxForm和ajaxSubmit 粘贴就可用示例代码】相关文章:

ajax后台处理返回json值示例代码

双层ajax嵌套(可多层)用法实例

使用ajax和history.pushState无刷新改变页面URL示例

Ajax请求内嵌套Ajax请求示例代码

Ajax初试之读取数据篇实现代码

ajax 同步和异步XMLHTTP代码分析

iframe式ajax调用示例

ajax给全局变量赋值问题解决示例

jQery ajax——load()方法示例介绍

jQuery的ajax传参巧用JSON使用示例(附Json插件)

精品推荐
分类导航