Question

我想点击提交按钮。我用Google搜索许多教程网站实现了所有提示，但所有提示无法解决问题。当我在被叫函数内部发出警报时，警报正在运行但是page-join.php里面的任务不起作用。当我放 onclick与图像工作得很好。问题请指导什么，由于形式的问题，我没有在firebug中得到问题安慰。所以我没有得到真正的问题。

//This is my function that i am calling from onclick.

  function deltpopdtl()
   {
  var ipss = '<?php echo $baseUrl ;?>/themes/gr-mist/includes/';

  $.ajax({
  url: ipss+"page-join.php?delpopdtl=<?php echo $_GET['pageid'];?>",
  success: function(data){
     }
  });}


// This is my php code(page-join.php)
     if(isset($_GET['delpopdtl'])) 
                {
       global $db;
       $getdetail = "DELETE  FROM firstloadpop WHERE rsc_id=".$_GET['delpopdtl']." and user_id= $user_id";

            mysql_query($getdetail);
             }
//This is my form and submit button
<form method="post" id="" enctype="multipart/form-data" action="#"> 

<input type="submit" id="abc" name="onladinvite" value="sendinvitation" onclick="return deltpopdtl();" />
 //i put only onlick deltpopdtl(); but the same situation, i also tired
 //onclick="return deltpopdtl();return false" but all vain

</form>

Answer 1

你可以这样写

function deltpopdtl()
   {
  var ipss = '<?php echo $baseUrl ;?>/themes/gr-mist/includes/';

  $.ajax({
  url: ipss+"page-join.php?delpopdtl=<?php echo $_GET['pageid'];?>",
  success: function(data){
     }
  });

   return false;
}

你可以在函数体的末尾添加 return false ，这样它就不会提交表单了，你也可以使用firebug进行调试

Answer 2

问题在于，当您提交表单时，代码会执行，并且在执行此操作时会中断并重新加载页面。为了防止这种情况，您可以使用event.preventDefault();来阻止提交按钮的默认属性。

function deltpopdtl(event){
  event.preventDefault();
  var ipss = '<?php echo $baseUrl ;?>/themes/gr-mist/includes/';

  $.ajax({
     url: ipss+"page-join.php?delpopdtl=<?php echo $_GET['pageid'];?>",
     success: function(data){
     }
  });
}

//your html button
<input type="submit" id="abc" name="onladinvite" value="sendinvitation" onclick="deltpopdtl(event);" />

Answer 3

您必须在功能结束前写return false因为您的表单已提交且您无法看到您的ajax效果。



您可以将submit按钮更改为type='button'

function deltpopdtl()
{
  var ipss = '<?php echo $baseUrl ;?>/themes/gr-mist/includes/';    
  $.ajax({
         url: ipss+"page-join.php?delpopdtl=<?php echo $_GET['pageid'];?>",
         success: function(data){}
  });
  return false;  //You have to add this line because your form is submitted and you cant see your ajax effec
}

单击提交按钮无法正常工作

3 个答案: