您的位置：首页 > 其它

查询条件表单使用ajax异步提交

2015-09-06 17:42 218 查看

1、html页面放置一个占位div。

2、将查询条件写到表单内。

3、通过form.serializable()方法将表单序列化。

4、通过回调函数将返回来的页面放入到占位temp_div中。

<html>

<head>

<script type="text/javascript" src="../js/jquery-min.js"/>

<script type="text/javascript">

function submit(){

var data = $("#condition_form").serializable();

$.ajax({

url:'check.action.action',

type:'post',

dataType:'json',

data:data,

success:function(data){

$("#temp_div").html(data);

}

});

}

</script>

</head>

<body>

<form id="condition_form">

username:<input type="text" name="username"/>

sex:<input type="text" name="sex"/>

</form>

<div id="temp_div"></div>

<a href="javascript:;" onclick="submit();">提交</a>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航