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

来源:互联网 发布:unity3d vr材质 编辑:程序博客网 时间:2024/04/30 06:42

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>

0 0