javascript button ajax和php

Question

我有一個小問題，我猜在我看來聽起來很愚蠢。其實我也該代碼

<script type="text/javascript"> 
$(document).ready(function(){ 

var email_value = prompt('Please enter your email address'); 
if(email_value !== null){ 
//post the field with ajax 
$.ajax({ 
    url: '="/new/cfolder.php', 
    type: 'POST', 
    dataType: 'text', 
    data: {data : email_value}, 
    success: function(response){ 
    //do anything with the response 
     console.log(response); 
    }  
}); 
} 

}); 
</script> 

我想將其鏈接到我的按鈕，這是否

<form action="/new/cfolder.php" method="post"> 
    </font><input type="submit" value="Create Vdisk" class="myButton6" onClick="function()"> 
<br></form> 

它實際上是有可能做到這一點？謝謝你的回答。

Answer 1

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(document).on('click', '.myButton6', function(){ 
     var email_value = prompt('Please enter your email address'); 
     //post the field with ajax 
     if(email_value.length > 0){ 
     $.ajax({ 
      url: '/new/cfolder.php', 
      type: 'POST', 
      dataType: 'text', 
      data: {data : email_value}, 
      success: function(response){ 

       alert(response); 
      }  
     }); 
     } 
    )}; 
    }); 
</script> 

嘗試這種方式

Answer 2

// this is the id of the form 
$("#idForm").submit(function() { 

var url = "path/to/your/script.php"; // the script where you handle the form input. 

$.ajax({ 
     type: "POST", 
     url: '="/new/cfolder.php', 
     data: $("#idForm").serialize(), // serializes the form's elements. 
     success: function(data) 
     { 
      alert(data); // show response from the php script. 
     } 
    }); 

return false; // avoid to execute the actual submit of the form. 
}); 

給你的表格一個id

<form id="idForm" action="/Same/path/as/your/ajax/" method="post"> 
</font><input type="submit" value="Create Vdisk" class="myButton6" onClick="function()"> 
<br></form> 

Answer 3

Yes of course you can do this . Like this code and you will have to include jquery1.9.0.js or above. 


<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#myButton6").click(fuction(){ 
    var email_value = prompt('Please enter your email address'); 
    if(email_value !== null){ 
    //post the field with ajax 
    $.ajax({ 
     url: '/new/cfolder.php', 
     type: 'POST', 
     dataType: 'text', 
     data: {data : email_value}, 
     success: function(response){ 
     //do anything with the response 
      console.log(response); 
     }  
    }); 
    } 

    }); 

    }); 
    </script> 
    I would like to link it to my button which does this 


</font><input type="submit" value="Create Vdisk" class="myButton6" id="myButton6"> 
    <br>