IE中jquery.form中ajax提交沒反應(yīng)解決方法分享
更新時(shí)間:2012年09月11日 18:13:03 作者:
用jquery form插件,進(jìn)行ajax提交,本來可以用,好好地,突然發(fā)現(xiàn),firefox,opera等可以提交,ie的success函數(shù)運(yùn)行了
花了三個(gè)鐘頭,反復(fù)查,發(fā)現(xiàn),原來是改了處理頁面的返回頭信息。
加上了 application/x-javascript ,ie8就不干活了。
如果是text/html,就行,或者不指定也行。
算bug不?讓我問候一下寫這段代碼的ie開發(fā)人員吧。
ajax的頭信息,編碼看來都要注意哎。
ajax提交表單數(shù)據(jù)的方式介紹
Url參數(shù)提交數(shù)
<script type ="text/javascript" src ="../js/jquery.js"></script>
<script type="text/javascript">
function checkCorpID()//檢測客戶編號(hào)是否可用
{
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客戶編號(hào)輸入框
{
alert("請(qǐng)輸入客戶編號(hào)!");
}
else
{
$("#checkFlag").html("正在檢測");//顯示提示信息
$.ajax({
type: "get",
url: "CheckCorpID.ashx",
data: "ID="+$.trim($("#txtF_CORPID")[0].value),//提交表單,相當(dāng)于CheckCorpID.ashx?ID=XXX
success: function(msg){$("#checkFlag").html("");alert( msg ); } //操作成功后的操作!msg是后臺(tái)傳過來的值
});
}
}
</script>
二:Form提交數(shù)據(jù)前臺(tái)代碼:
Code
<script type ="text/javascript" src ="../js/jquery.js"></script> //必須要引用
<script type ="text/javascript" src ="../js/jquery.form.js"></script> //必須要引用
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function()
{
$('#Tip').hide();//顯示操作提示的元素不可見
$('#form1').submit(function()//提交表單
{
//alert("ddd");
var options = {
target:'#Tip', //后臺(tái)將把傳遞過來的值賦給該元素
url:'ReturnVisit.aspx?flag=do', //提交給哪個(gè)執(zhí)行
type:'POST',
success: function(){ alert($('#Tip').text());} //顯示操作提示
};
$('#form1').ajaxSubmit(options);
return false; //為了不刷新頁面,返回false,反正都已經(jīng)在后臺(tái)執(zhí)行完了,沒事!
});
}
);
</script>
加上了 application/x-javascript ,ie8就不干活了。
如果是text/html,就行,或者不指定也行。
算bug不?讓我問候一下寫這段代碼的ie開發(fā)人員吧。
ajax的頭信息,編碼看來都要注意哎。
ajax提交表單數(shù)據(jù)的方式介紹
Url參數(shù)提交數(shù)
復(fù)制代碼 代碼如下:
<script type ="text/javascript" src ="../js/jquery.js"></script>
<script type="text/javascript">
function checkCorpID()//檢測客戶編號(hào)是否可用
{
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客戶編號(hào)輸入框
{
alert("請(qǐng)輸入客戶編號(hào)!");
}
else
{
$("#checkFlag").html("正在檢測");//顯示提示信息
$.ajax({
type: "get",
url: "CheckCorpID.ashx",
data: "ID="+$.trim($("#txtF_CORPID")[0].value),//提交表單,相當(dāng)于CheckCorpID.ashx?ID=XXX
success: function(msg){$("#checkFlag").html("");alert( msg ); } //操作成功后的操作!msg是后臺(tái)傳過來的值
});
}
}
</script>
二:Form提交數(shù)據(jù)前臺(tái)代碼:
Code
復(fù)制代碼 代碼如下:
<script type ="text/javascript" src ="../js/jquery.js"></script> //必須要引用
<script type ="text/javascript" src ="../js/jquery.form.js"></script> //必須要引用
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function()
{
$('#Tip').hide();//顯示操作提示的元素不可見
$('#form1').submit(function()//提交表單
{
//alert("ddd");
var options = {
target:'#Tip', //后臺(tái)將把傳遞過來的值賦給該元素
url:'ReturnVisit.aspx?flag=do', //提交給哪個(gè)執(zhí)行
type:'POST',
success: function(){ alert($('#Tip').text());} //顯示操作提示
};
$('#form1').ajaxSubmit(options);
return false; //為了不刷新頁面,返回false,反正都已經(jīng)在后臺(tái)執(zhí)行完了,沒事!
});
}
);
</script>
您可能感興趣的文章:
- Struts2+jquery.form.js實(shí)現(xiàn)圖片與文件上傳的方法
- 使用jquery.form.js實(shí)現(xiàn)圖片上傳的方法
- jQuery.form插件的使用及跨域異步上傳文件
- jQuery插件之jQuery.Form.js用法實(shí)例分析(附demo示例源碼)
- 基于jQuery通過jQuery.form.js插件實(shí)現(xiàn)異步上傳
- 基于jQuery通過jQuery.form.js插件使用ajax提交form表單
- jquery.form.js實(shí)現(xiàn)將form提交轉(zhuǎn)為ajax方式提交的方法
- jquery.form.js用法之清空form的方法
- Jquery.Form 異步提交表單的簡單實(shí)例
- 解決3.01版的jquery.form.js中文亂碼問題的解決方法
- $.format,jquery.format 使用說明
- asp.net+jquery.form實(shí)現(xiàn)圖片異步上傳的方法(附j(luò)query.form.js下載)
相關(guān)文章
jQuery彈出窗口打開鏈接的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery彈出窗口打開鏈接的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-12-12iframe里面的元素觸發(fā)父窗口元素事件的jquery代碼
這篇文章主要介紹了jquery:iframe里面的元素怎樣觸發(fā)父窗口元素的事件,很簡單,但很實(shí)用,需要的朋友可以看看2014-10-10使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果
使用jquery實(shí)現(xiàn)select添加實(shí)現(xiàn)后臺(tái)權(quán)限添加的效果,需要的朋友可以參考下。2011-05-05jQuery Ajax調(diào)用WCF服務(wù)詳細(xì)教程
這篇文章主要介紹了jQuery Ajax調(diào)用WCF服務(wù)詳細(xì)教程,本文講解了從WFC編程到JQUERY調(diào)用的詳細(xì)步驟,并總結(jié)了使用中遇到的問題和解決方法,需要的朋友可以參考下2015-03-03jQuery密碼強(qiáng)度驗(yàn)證控件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery密碼強(qiáng)度驗(yàn)證控件使用的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jQuery prototype沖突的2種解決方法(附demo示例下載)
這篇文章主要介紹了jQuery prototype沖突的2種解決方法,分析了針對(duì)jQuery中添加代碼與沖突位置添加代碼2種情況,并附帶demo示例供讀者下載參考,需要的朋友可以參考下2016-01-01