欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

急ajax提交form表单有关问题

更新时间: 2014-01-05 01:54:14 责任编辑: Author_N1

 

急急急,ajax提交form表单问题
表单为form1,id为form1,表单所在页面为index.html,提交到PHP页面为index.php,方法为index(),跪求ajax提交form1表单的详细代码。跪求,很急,谢谢了。本人一点不会ajax,尤其是url写具体点,不懂
--参考方法--
不会PHP,没懂你那个方法为INDEX()是什么意思。
写了个函数示例,提交form1.input1的数据到index.php

var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}

function submitForm(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
url=encodeURI("index.php?txt="+document.forms.form1.input1.value);
xmlHttp.open("POST",url,true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
alert('提交成功');
}
}

--参考方法--
ajax和普通表单提交一样,如果懒可以导入jquery,有序列化表单和集成了ajax,就直接用jquery提交序列化后的表单数据就行了

$.ajax({url:'index.php',data:$('表单选择器').serialize(),type:'POST',dataType:'html',success:function(data){
alert('提交成功!');
},error:function(xhr){
 alert('动态页出错\n'+xhr.responseText)
}})

--参考方法--
无上传用jquery
有上传用jquery+jquery.form

//无上传
$("#form1").submit(function(){
 $.ajax($(this).attr('action'),$(this).serialize(),function(json){
   //处理代码
 },'json');
 return false;
});
//有上传
 $("#form1").ajaxSubmit({
   dataType:'json',
   success:function(json){
    //处理代码
   }
 });

--参考方法--
引用:
无上传用jquery
有上传用jquery+jquery.form

//无上传
$("#form1").submit(function(){
 $.ajax($(this).attr('action'),$(this).serialize(),function(json){
   //处理代码
 },'json');
 return false;
});
//有上传
 $("#form1").ajaxSubmit({
   dataType:'json',
   success:function(json){
    //处理代码
   }
 });

不好意思直接写的代码 有个错误 $.ajax改为$.post
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:54:14
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2822/
本文WWW.DOC100.NET DOC100.NET版权所有。