查询条件表单使用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
- 查询条件表单使用ajax异步提交
- from表单使用ajax异步提交
- 使用AJAX异步提交图片表单
- AJAX异步提交表单
- ajax异步提交表单
- Ajax异步提交表单
- ajax异步提交表单
- ajax异步提交表单
- ajax异步提交表单。
- ajax异步提交表单
- ajax 异步提交 struts2 表单
- ajax 异步提交form表单
- ajax 异步提交form 表单
- AJAX异步提交form表单
- 使用异步提交表单
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- 使用AJAX异步提交表单的几种方式
- 使用AJAX异步提交表单的几种方式
- 腾讯2015校招笔试题选择题部分
- JQuery的$.extend()的简单用法
- ubuntu逃逸到本地权限提升
- fastjson常见问题
- iOS开发常用的几大工具
- 查询条件表单使用ajax异步提交
- Java开发中常见的5个错误
- android http 辅助类
- 最小化数值误差
- 怎样在Eclipse中java生成jar包以及bat文件?
- Regex正则表达式之Shared、NextMatch、IsMatch. (二)
- 怎么提高RailS应用的性能
- TCP/IP数据包结构/协议格式及编程指导
- HDOJ 题目1890 Robotic Sort(Splay Tree 翻转)