Question

我在一个页面上有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

感谢任何帮助我的人

Answer 1

如果您要提交表单，请按以下方式执行：

$("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;
});

试一试，看看这是否有帮助。

使用ajax从另一个页面提交表单？

1 个答案: