首页 > PHP资讯 > HTML5培训技术 > jquery下异步提交表单异步跨域提交表单_jquery

jquery下异步提交表单异步跨域提交表单_jquery

HTML5培训技术
1.使用post提交方式
2.构造表单的数格式
3.结合form表单的submit调用ajax的回调函数。
使用 jQuery 异步提交表单代码:

代码如下:




无标题页

<script src="js/jquery-1.4.2.js?1.1.9">《script》
《script》
jQuery(function($) {
// 使用 jQuery 异步提交表单
$('#f1').submit(function() {
$.ajax({
url: 'ta.aspx',
data: $('#f1').serialize(),
type: "post",
cache : false,
success: function(data)
{alert(data);}
});
return false;
});
});
《script》










如何异步跨域提交表单呢?
1.利用script 的跨域访问特性,结合form表单的数据格式化,所以只能采用get方式提交,为了安全,浏览器是不支持post跨域提交的。
2.采用JSONP跨域提交表单是比较好的解决方案。
3.也可以动态程序做一代理。用代理中转跨域请求。
使用 jQuery 异步跨域提交表单代码:

代码如下:




无标题页

<script src="js/jquery-1.4.2.js?1.1.9">《script》
《script》
jQuery(function($)
{
// 使用 jQuery 异步跨域提交表单
$('#f1').submit(function()
{
$.getJSON("ta.aspx?"+$('#f1').serialize()+"&jsoncallback=?",
function(data)
{
alert(data);
});
return false;
});
});
《script》








HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持10不支持0