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 prototype冲突的2种解决方法(附demo示例下载)
这篇文章主要介绍了jQuery prototype冲突的2种解决方法,分析了针对jQuery中添加代码与冲突位置添加代码2种情况,并附带demo示例供读者下载参考,需要的朋友可以参考下2016-01-01
最新评论