ajax form表单提交
2012-11-02 11:14
288 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax submit</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script>
/*$(document).on('submit', 'form', function(){
alert('123');
$.post(url, data, function(data){
}, 'json');
return false;
});*/
$(document).ready(function(){
$('input:submit').click(function(){
alert('tewet');
return false;
});
$('#load_text').load('test2.php', {limit:25}, function(data){
alert(data);
});
});
</script>
</head>
<body>
<form action="test2.php" method="post">
<input type="text" name="name" value="" />
<input type="submit" value="submit" />
</form>
<p id="load_text"></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax submit</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script>
/*$(document).on('submit', 'form', function(){
alert('123');
$.post(url, data, function(data){
}, 'json');
return false;
});*/
$(document).ready(function(){
$('input:submit').click(function(){
alert('tewet');
return false;
});
$('#load_text').load('test2.php', {limit:25}, function(data){
alert(data);
});
});
</script>
</head>
<body>
<form action="test2.php" method="post">
<input type="text" name="name" value="" />
<input type="submit" value="submit" />
</form>
<p id="load_text"></p>
</body>
</html>
相关文章推荐
- form表单提交和ajax提交的区别
- ajax提交form表单
- Ajax提交Form表单及文件上传的实例代码
- 使用ajax提交form表单,包括ajax文件上传
- ajax提交form表单
- form表单改为AJAX提交
- layer 弹出层form表单提交刷新弹出层 造成ajax成功后不执行success
- ajax提交form表单资料详细汇总
- 使用ajax提交form表单,包括ajax文件上传
- jQuery通过jquery.form.js插件使用AJAX提交Form表单
- ajax 提交form表单遇到的问题----1
- extJS提交form表单数据的方式: Ext.Ajax.request,form.submit,getEl().dom.submit()
- form表单提交和ajax表单提交
- jQuery EasyUI 表单(Form)用法 ajax提交方法
- form表单与ajax提交
- Jquery通过Ajax方式来提交Form表单
- Ajax提交与传统Form表单提交的区别说明
- ajax提交,form表单提交,onsubmit="return checksubmit()"提交验证
- $.ajax 和 jquery.form.js实现表单异步提交
- ajax提交form表单资料详细汇总