快捷導(dǎo)航

IE中jquery.form中ajax提交沒(méi)反應(yīng)解決方法分享

更新時(shí)間：2012年09月11日 18:13:03 作者：

用jquery form插件，進(jìn)行ajax提交，本來(lái)可以用，好好地，突然發(fā)現(xiàn)，firefox，opera等可以提交，ie的success函數(shù)運(yùn)行了

花了三個(gè)鐘頭，反復(fù)查，發(fā)現(xiàn)，原來(lái)是改了處理頁(yè)面的返回頭信息。
加上了 application/x-javascript ，ie8就不干活了。
如果是text/html，就行，或者不指定也行。
算bug不？讓我問(wèn)候一下寫這段代碼的ie開(kāi)發(fā)人員吧。
ajax的頭信息，編碼看來(lái)都要注意哎。
ajax提交表單數(shù)據(jù)的方式介紹

Url參數(shù)提交數(shù)

復(fù)制代碼代碼如下:

 
<script type ="text/javascript" src ="../js/jquery.js"></script> 
<script type="text/javascript"> 
function checkCorpID()//檢測(cè)客戶編號(hào)是否可用 
{ 
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客戶編號(hào)輸入框 
{ 
alert("請(qǐng)輸入客戶編號(hào)!"); 
} 
else 
{ 
$("#checkFlag").html("正在檢測(cè)");//顯示提示信息 
$.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)傳過(guò)來(lá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();//顯示操作提示的元素不可見(jiàn) 
$('#form1').submit(function()//提交表單 
{ 
//alert("ddd"); 
var options = { 
target:'#Tip', //后臺(tái)將把傳遞過(guò)來(lái)的值賦給該元素 
url:'ReturnVisit.aspx?flag=do', //提交給哪個(gè)執(zhí)行 
type:'POST', 
success: function(){ alert($('#Tip').text());} //顯示操作提示 
}; 
$('#form1').ajaxSubmit(options); 
return false; //為了不刷新頁(yè)面,返回false，反正都已經(jīng)在后臺(tái)執(zhí)行完了，沒(méi)事！ 
}); 
} 
); 
</script> 

您可能感興趣的文章:

相關(guān)文章

jQuery中:header選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:header選擇器用法,以實(shí)例形式分析了:header選擇器的功能、定義及匹配標(biāo)題元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題
下面小編就為大家?guī)?lái)一篇使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
JS秒殺倒計(jì)時(shí)功能完整實(shí)例【使用jQuery3.1.1】
這篇文章主要介紹了JS秒殺倒計(jì)時(shí)功能,結(jié)合完整實(shí)例形式分析了基于jQuery3.1.1基于時(shí)間函數(shù)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-09-09
JQUERY表單暫存功能插件分享
今天我想介紹的是一款jQuery的插件:jquery.formLocalStorage.js。通過(guò)該插件，我們可以非常簡(jiǎn)單的實(shí)現(xiàn)表單暫存功能
2016-02-02
jQuery入門第一課 jQuery選擇符
要對(duì)頁(yè)面上的某個(gè)元素進(jìn)行操作，首先要選中它，這就要用到選擇符。
2010-03-03
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jquery選擇器 :first與:first-child的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法
這篇文章主要介紹了jQuery根據(jù)用戶電腦是mac還是pc加載對(duì)應(yīng)樣式的方法,涉及jQuery針對(duì)客戶端信息的獲取及樣式的調(diào)用技巧,需要的朋友可以參考下
2015-06-06
jQuery中parents()方法用法實(shí)例
這篇文章主要介紹了jQuery中parents()方法用法,實(shí)例分析了parents()方法的功能、定義及取得一個(gè)包含著所有匹配元素的父輩元素的元素集合使用技巧,需要的朋友可以參考下
2015-01-01
JQuery中DOM事件合成用法實(shí)例分析
這篇文章主要介紹了JQuery中DOM事件合成用法,以實(shí)例形式分析了hover()方法和toggle()方法實(shí)現(xiàn)事件合成的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jquery分頁(yè)插件AmSetPager(自寫)
第一次做的插件，我這個(gè)插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁(yè)容器元素ID。寫完插件后看別的插件都是調(diào)用分頁(yè)元素ID
2013-04-04