龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
用jquery form插件，进行ajax提交，本来可以用，好好地，突然发现，firefox，opera等可以提交，ie的success函数运行了。 花了三个钟头，反复查，发现，原来是改了处理页面的返回头信息。
用jquery form插件，进行ajax提交，本来可以用，好好地，突然发现，firefox，opera等可以提交，ie的success函数运行了。

花了三个钟头，反复查，发现，原来是改了处理页面的返回头信息。
加上了 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>
 

精彩图集
node+express+ejs制作简单页面上手指南_node.js
node+express+
js点亮星星评分并获取参数的js代码
js点亮星星评
鼠标滑过出现预览的大图提示效果
鼠标滑过出
查找Oracle高消耗语句的方法
查找Oracle高
PHP开发者必须掌握的6个关键字
PHP开发者必

热门标签

php分页代码 JS定义二维数组 类级属性 底部菜单 YII2 表格结构 数据库同步 验证插件 中国天气网 nls 下拉式菜单 poll 数据变 widget开发 后台获取 FTP自动备份 goto 前期绑定 数据盘 ajax提交表单 多表关联 坐标 点滴 24天 Hibernate_JP atime informati 存储hmtl 递增 监听机制 拒绝服务攻击 nginx做负载CDN 同大 文件头 rewrite 进程间通信 模拟表单 Oracle客户端 zip扩展安装 截屏 Execpt 实际内存占用 JAVA对象转JSON max_user 异步回调 javascript:v 最小高度在IE atoi() lob file_get_con 京东秒杀软件 修改数据库名 文本信息 导入 获取本机公网 默认拷贝函数 合并表 卡号 Lesson01_08 php php计

赞助商链接