我想通过jQuery提交表格。我写查询表格如下
$("#form").submit(function(event) {
if(!$("#change").hasClass("has-error") && !$("#name1").hasClass("has-error")
&& !$("#contact1").hasClass("has-error") && !$("#batch1").hasClass("has-error")){
alert("submitting");
event.preventDefault();
var $form=$(this);
name1=$("#name").val();
contact1=$("#contact").val();
email1=$("#email").val();
city1=$form.find("input[name='city']").val();
company1=$form.find("input[name='company']").val();
url=$form.attr("action");
var posting= $.post("some_link.php",{ name:name1,contact:contact1,email:email1,city:city1,company:company1});
posting.done(function(data){
alert("form submitted successfully");
)
})
$("#reset").click();
return false;
}
else return false;
});
但这是通过GET
方法而不是通过POST
方法发布表单,并且URL表单也被重定向到其他PHP页面,而不是保留在该页面上。
这是链接的样子,http://www.example.com/current_page.php?name=jhgjk&contact=lksjf&email=lkdj%40ldkjf.clj&city=&company=
但是我想要一个正常的发布方法,通常通过包含method="post"
在表单中来完成
编辑我弄错了我在做。我错过了$ .post的右括号,这就是代码无法正常工作的原因,而且我还在敲我的头。
我认为使用$ .ajax技术会更好:
$("#form").submit(function(e) {
if(!$("#change").hasClass("has-error") && !$("#name1").hasClass("has-error")
&& !$("#contact1").hasClass("has-error") && !$("#batch1").hasClass("has-error")){
e.preventDefault();
alert("submitting");
$.ajax({
url: 'some-link.php',
type: 'POST',
data: $(this).serialize(),
success: function(data) {
alert('success!');
},
error: function(data) {
alert('error');
}
});
}
else return false;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句