如何异步提交表单 如何异步跨域提交表单
生活随笔
收集整理的這篇文章主要介紹了
如何异步提交表单 如何异步跨域提交表单
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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() {
$.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="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}
轉載于:https://www.cnblogs.com/skykang/archive/2010/11/17/1879767.html
總結
以上是生活随笔為你收集整理的如何异步提交表单 如何异步跨域提交表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 闲着无聊，自己写了个几个string.h
- 下一篇： 通过实现继承TabActivity并且实