当前位置: 58彩票app下载 > 关于计算机 > 正文

异步跨域提交表单

时间:2019-09-18 11:14来源:关于计算机
1.运用post提交形式 2.构造表单的数格式 3.组成form表单的submit调用ajax的回调函数。 行使 jQuery 异步提交表单代码: 复制代码 代码如下: html xmlns="; head title无标题页/title /head script src="js

1.运用post提交形式
2.构造表单的数格式
3.组成form表单的submit调用ajax的回调函数。
行使 jQuery 异步提交表单代码:

复制代码 代码如下:

<html xmlns=";
<head>
<title>无标题页</title>
</head>
<script src="js/jquery-1.4.2.js"></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>
<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.运用script 的跨域访谈性子,结合form表单的多寡格式化,所以只能采用get格局交给,为了安全,浏览器是不扶助post跨域提交的。
2.利用JSONP跨域提交表单是相比较好的实施方案。
3.也足以动态程序做一代理。用代理中间转播跨域伏乞。
动用 jQuery 异步跨域提交表单代码:

复制代码 代码如下:

<html xmlns=";
<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>

你或许感兴趣的小说:

  • jquery.form.js异步提交表单详解
  • JQuery异步提交表单与公事上传成效示例
  • jQuery异步提交表单的二种艺术
  • Jquery异步提交表单代码分享
  • Jquery.Form 异步提交表单的轻易实例
  • jQuery异步提交表单实例

编辑:关于计算机 本文来源:异步跨域提交表单

关键词: