DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> IE中jquery.form中ajax提交沒反應解決方法分享
IE中jquery.form中ajax提交沒反應解決方法分享
編輯:JQuery特效代碼     
花了三個鐘頭,反復查,發現,原來是改了處理頁面的返回頭信息。
加上了 application/x-javascript ,ie8就不干活了。
如果是text/html,就行,或者不指定也行。
算bug不?讓我問候一下寫這段代碼的ie開發人員吧。
ajax的頭信息,編碼看來都要注意哎。
ajax提交表單數據的方式介紹

Url參數提交數

. 代碼如下:
<script type ="text/javascript" src ="../js/jquery.js"></script>
<script type="text/javascript">
function checkCorpID()//檢測客戶編號是否可用
{
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客戶編號輸入框
{
alert("請輸入客戶編號!");
}
else
{
$("#checkFlag").html("正在檢測");//顯示提示信息
$.ajax({
type: "get",
url: "CheckCorpID.ashx",
data: "ID="+$.trim($("#txtF_CORPID")[0].value),//提交表單,相當於CheckCorpID.ashx?ID=XXX
success: function(msg){$("#checkFlag").html("");alert( msg ); } //操作成功後的操作!msg是後台傳過來的值
});
}
}
</script>

二:Form提交數據前台代碼:
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', //後台將把傳遞過來的值賦給該元素
url:'ReturnVisit.aspx?flag=do', //提交給哪個執行
type:'POST',
success: function(){ alert($('#Tip').text());} //顯示操作提示
};
$('#form1').ajaxSubmit(options);
return false; //為了不刷新頁面,返回false,反正都已經在後台執行完了,沒事!
});
}
);
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved