jQuery, एक ही पृष्ठ

Question

मैं अपने वर्तमान पृष्ठ को छोड़े बिना एक फार्म भेजना चाहते हैं पर रह कर एक फार्म भेजने के लिए, तो मैं उपयोग कर रहा हूँ:

$('.myForm').on('submit', function(){ 
     $.ajax({ 
      url: $(this).attr('action'), 
      type: $(this).attr('method'), 
      data: $(this).serialize(), 
      success: function(html) { 
      alert('ok'); 
      } 
     }); 
    return false; 
}); 

लेकिन यह काम नहीं करता है ... किसी भी विचार कृप्या?

Answer 1

इस तरह से कार्य करें: -

$(document).on('submit', '.myForm', function(e) { 
    $.ajax({ 
     url: $(this).attr('action'), 
     type: $(this).attr('method'), 
     data: $(this).serialize(), 
     success: function(html) { 
     alert('ok'); 
     } 
    }); 
    e.preventDefault(); 
}); 

Answer 2

यहाँ एक उदाहरण

<form name="frm" method="POST" action=""> 
<input type="text" name="name" id="name" value="" /> 
<input type="text" name="last_name" id="last_name" value="" /> 
<input type="submit" name="Update" id="update" value="Update" /> 
</form> 

jQuery हिस्सा

$("#update").click(function(e) { 
    e.preventDefault(); 
    var name = $("#name").val(); 
    var last_name = $("#last_name").val(); 
    var dataString = 'name='+name+'&last_name='+last_name; 
    $.ajax({ 
    type:'POST', 
    data:dataString, 
    url:'insert.php', 
    success:function(data) { 
     alert(data); 
    } 
    }); 
}); 

insert.php पेज

<?php 
    $name = $_POST['name']; 
    $last_name = $_POST['last_name']; 
    $insert = "insert into TABLE_NAME values('$name','$last_name')";// Do Your Insert Query 
    if(mysql_query($insert)) { 
    echo "Success"; 
    } else { 
    echo "Cannot Insert"; 
    } 
?> 

है

आशा इस मदद करता है

Answer 3

उपयोग event.preventDefault();

$('.myForm').on('submit', function(event){ 
    event.preventDefault(); 
    $.ajax({ 
     url: $(this).attr('action'), 
     type: $(this).attr('method'), 
     data: $(this).serialize(), 
     success: function(html) { 
     alert('ok'); 
     } 
    }); 
    //return false; 
});