IE中jquery.form中ajax提交没反应解决方法分享
更新时间：2012年09月11日 18:13:03 作者：
用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>
加上了 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>
您可能感兴趣的文章:
- Struts2+jquery.form.js实现图片与文件上传的方法
- 使用jquery.form.js实现图片上传的方法
- jQuery.form插件的使用及跨域异步上传文件
- jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
- 基于jQuery通过jQuery.form.js插件实现异步上传
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- jquery.form.js实现将form提交转为ajax方式提交的方法
- jquery.form.js用法之清空form的方法
- Jquery.Form 异步提交表单的简单实例
- 解决3.01版的jquery.form.js中文乱码问题的解决方法
- $.format,jquery.format 使用说明
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
相关文章
这篇文章主要介绍了jQuery中:header选择器用法,以实例形式分析了:header选择器的功能、定义及匹配标题元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
使用prop解决一个checkbox选中后再次选中失效的问题
下面小编就为大家带来一篇使用prop解决一个checkbox选中后再次选中失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JS秒杀倒计时功能,结合完整实例形式分析了基于jQuery3.1.1基于时间函数的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-09-09
今天我想介绍的是一款jQuery的插件:jquery.formLocalStorage.js。通过该插件，我们可以非常简单的实现表单暂存功能2016-02-02
要对页面上的某个元素进行操作，首先要选中它，这就要用到选择符。2010-03-03
浅谈jquery选择器 :first与:first-child的区别
下面小编就为大家带来一篇浅谈jquery选择器 :first与:first-child的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了jQuery根据用户电脑是mac还是pc加载对应样式的方法,涉及jQuery针对客户端信息的获取及样式的调用技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery中parents()方法用法,实例分析了parents()方法的功能、定义及取得一个包含着所有匹配元素的父辈元素的元素集合使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JQuery中DOM事件合成用法,以实例形式分析了hover()方法和toggle()方法实现事件合成的相关技巧,需要的朋友可以参考下2015-06-06
第一次做的插件，我这个插件好像使用有些另类，是调用数据展示容器的元素$(#DataContent).AmSetPager({...});在参数中配置分页容器元素ID。写完插件后看别的插件都是调用分页元素ID2013-04-04
最新评论