夏日博客

A-A+

IE中jquery.form中ajax提交没反应解决办法

2016年01月20日 前端设计 评论 2 条 阅读 6 views 次

用jquery form插件,进行ajax提交,本来可以用,好好地,突然发现,firefox,opera等可以提交,ie的success函数运行了,花了三个钟头,反复查,发现,原来是改了处理页面的返回头信息,加上了 application/x-javascript,ie8就不干活了,如果是text/html,就行,或者不指定也行,算bug不？让我问候一下写这段代码的ie开发人员吧,ajax的头信息,编码看来都要注意哎。

ajax提交表单数据的方式介绍,Url参数提交数,代码如下:

  1. <script type ="text/javascript" src ="../js/jquery.js"></script>  
  2. <script type="text/javascript">  
  3.         function checkCorpID()//检测客户编号是否可用  
  4.         {  
  5.             if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客户编号输入框  
  6.             {  
  7.                 alert("请输入客户编号!");  
  8.             }  
  9.             else  
  10.             {  
  11.                 $("#checkFlag").html("正在检测");//显示提示信息  
  12.                 $.ajax({  
  13.                  type: "get",  
  14.                  url: "CheckCorpID.ashx",  
  15.                  data: "ID="+$.trim($("#txtF_CORPID")[0].value),//提交表单，相当于CheckCorpID.ashx?ID=XXX  
  16.                  success: function(msg){$("#checkFlag").html("");alert(  msg ); }   //操作成功后的操作！msg是后台传过来的值  
  17.                 });   
  18.             }   
  19.         }  
  20. </script>  

Form提交数据前台代码,Code代码如下:

  1. <script type ="text/javascript" src ="../js/jquery.js"></script> //必须要引用  
  2.     <script type ="text/javascript" src ="../js/jquery.form.js"></script> //必须要引用  
  3.     <script type="text/javascript">  
  4.          // wait for the DOM to be loaded  
  5.           $(document).ready(function()   
  6.             {  
  7.                 $('#Tip').hide();//显示操作提示的元素不可见  
  8.                 $('#form1').submit(function()//提交表单  
  9.                 {  
  10.                     //alert("ddd");  
  11.                     var options = {   
  12.                     target:'#Tip', //后台将把传递过来的值赋给该元素  
  13.                     url:'ReturnVisit.aspx?flag=do', //提交给哪个执行  
  14.                     type:'POST',   
  15.                     success: function(){ alert($('#Tip').text());} //显示操作提示  
  16.                     };   
  17.                     $('#form1').ajaxSubmit(options);   
  18.                     return false; //为了不刷新页面,返回false，反正都已经在后台执行完了，没事！  
  19.                 });    
  20.             }  
  21.          );  
  22.      </script>  
标签：

2 条留言  访客：2 条  博主：0 条

  1. 大学问社区 2016年01月20日 下午 11:45  -199楼  回复

    以前也遇到过

  2. 香港服务器 2016年01月20日 下午 3:15  -198楼  回复

    IE中jquery.form中ajax提交没反应解决办法，看到ajax就感觉好难的样子

给我留言