如何异步提交表单 如何异步跨域提交表单
2010-11-17 13:21
197 查看
1.使用post提交方式
2.构造表单的数格式
3.结合form表单的submit调用ajax的回调函数。
代码：
使用 jQuery 异步跨域提交表单
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
</head>
<script src="js/jquery-1.4.2.js"></script>
<script>
jQuery(function($)
{
// 使用 jQuery 异步跨域提交表单
$('#f1').submit(function()
{
$.getJSON("ta.aspx?"+$('#f1').serialize()+"&jsoncallback=?",
function(data)
{
alert(data);
});
return false;
});
});
</script>
<body>
<form id="f1" name="f1">
<input name="a1" />
<input name="a2" />
<input id="File1" type="file" name="File1"/>
<input id="Submit1" type="submit" value="submit" />
</form>
</body>
</html>
补充：方法1不能实现跨越提交。
注意：输出json格式{'a1','a1value','a2':'a2value'}
字符必须用引号包住，数字可以不加引号。如：{'a1',10,'a2':20}
2.构造表单的数格式
3.结合form表单的submit调用ajax的回调函数。
代码：
使用 jQuery 异步跨域提交表单
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
</head>
<script src="js/jquery-1.4.2.js"></script>
<script>
jQuery(function($)
{
// 使用 jQuery 异步跨域提交表单
$('#f1').submit(function()
{
$.getJSON("ta.aspx?"+$('#f1').serialize()+"&jsoncallback=?",
function(data)
{
alert(data);
});
return false;
});
});
</script>
<body>
<form id="f1" name="f1">
<input name="a1" />
<input name="a2" />
<input id="File1" type="file" name="File1"/>
<input id="Submit1" type="submit" value="submit" />
</form>
</body>
</html>
补充：方法1不能实现跨越提交。
注意：输出json格式{'a1','a1value','a2':'a2value'}
字符必须用引号包住，数字可以不加引号。如：{'a1',10,'a2':20}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于jquery的实现异步跨域提交表单的实现代码，需要的朋友可以参考下。
- jQuery ajax异步跨域提交表单实例解析
- 如何在异步提交form的时候利用jQuery validate实现表单验证
- jquery下异步提交表单 异步跨域提交表单
- jquery下异步提交表单 异步跨域提交表单
- ajax中如何实现异步提交表单
- PHP如何实现表单提交时用户上传头像到数据库并读出显示
- form表单异步提交序列化表单数据
- Jquery 异步提交表单有form无form的时候处理方式
- AJAX异步提交表单
- 如何将网页表单中提交的信息自动发送到指定邮箱？
- js 异步表单提交，图片上传，兼容异步模拟ajax技术
- form表单ajax异步提交数据和文件整理
- 使用jQuery.form插件，实现完美的表单异步提交
- 表单数据是如何提交的？
- ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?
- 关于easyui-combobox在表单提交的时候如何做非空校验（笔记）
- 使用jQuery.form插件，实现完美的表单异步提交【转发】
- jquery来跨域提交表单
- 如何实现文本框焦点自动跳转及通过回车键提交表单