Jquery 使用ajax从另一个页面提交表单?
我在一个页面上有一个带有Jquery 使用ajax从另一个页面提交表单?,jquery,ajax,forms,Jquery,Ajax,Forms,我在一个页面上有一个带有action=“/profile”的表单,我正在尝试生成一个Ajax代码,使其在不刷新页面的情况下进行更新,也不必转到该页面。我该怎么做,或者我是否真的做对了,或者怎么做 $(function() { $('.error').hide(); $("#submit").click(function() { // validate and process form here $('.error').hide(); var stat =
action=“/profile”
的表单,我正在尝试生成一个Ajax代码,使其在不刷新页面的情况下进行更新,也不必转到该页面。我该怎么做,或者我是否真的做对了,或者怎么做
$(function() {
$('.error').hide();
$("#submit").click(function() {
// validate and process form here
$('.error').hide();
var stat = $("#profile_field_13_5").val();
if (stat == "") {
$("#name_error").show();
$("#profile_field_13_5").focus();
return false;
}
var dataString = 'stat='+ stat ;
$.ajax({
type: "POST",
url: "/profile.php",
data: dataString,
success: function() {
$('#statsucces').show();
window.setTimeout("closeSuccess();", 10000);
function closeSuccess(){
document.getElementById("statsuccess").style.display=" none";
}
});
});
return false;
});
});
这是我试图用来更新状态的输入字段
#profile_field_13_5
,表单操作也是/profile.php
感谢所有帮助我的人如果您要提交表格,请按以下方式提交:
$("form").submit(function (e) {
// validate and process form here
$('.error').hide();
var stat = $("#profile_field_13_5").val();
if (stat == "") {
$("#name_error").show();
$("#profile_field_13_5").focus();
return false;
}
var dataString = 'stat=' + stat;
$.ajax({
type: "POST",
url: "/profile.php",
data: {data:dataString}, //<---pass it this way
success: function (data) {
alert(data); // <----this will show the passed value
}
});
e.preventDefault(); //return false; <--preventDefault() is as same as return false;
});
$(“表格”)。提交(功能(e){
//在此验证并处理表单
$('.error').hide();
var stat=$(“#profile_field_13_5”).val();
如果(stat==“”){
$(“#名称#错误”).show();
$(“#profile_field_13_5”).focus();
返回false;
}
var dataString='stat='+stat;
$.ajax({
类型:“POST”,
url:“/profile.php”,
data:{data:dataString},//我看了看,它说最后一行是抛出错误的…`});e.preventDefault();})`只需删除})
beforee.preventdefault()
这只是我这边的一个复制粘贴错误。更新了答案<代码>})代码>移除preventdefault
的上关闭项哦,好的,是的,我终于找到了答案。虽然这使得页面刷新和提交没有通过,但我没有得到它。您的表单导致页面刷新和提交未完成。有人知道如何进行吗?