How to Submit a html Form Submit Without Page Refresh using AJAX

Question

I just watch this video and others video. All of them use ajax with 2 .php files but i already have file content.html that contain forms and content.php that submit form to database. how can i use ajax with my html file to submit form without reloading page. https://www.youtube.com/watch?v=IOONJgPclwU

You can just use ajax to this. Here you can find more info http://stackoverflow.com/a/5004276/6357312 — Arkowsky, Jan 24 '17 at 06:09

score 0 · Answer 1 · edited May 23 '17 at 11:46

0

Utilizing the jQuery library you can use code like

$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})

Please reference jQuery AJAX submit form as it answers your question very well.

edited May 23 '17 at 11:46

Community

1
1

answered Jan 24 '17 at 06:09

Jesse Hockenbury

114
5

score 0 · Accepted Answer · answered Jan 24 '17 at 06:09

0

This is not a new question but still you can take help from this code

$(document).ready(function(){
 $("button").click(function(){
    $.ajax({url: "submit_form.php", success: function(result){
        $("#div1").html(result);
    }});
 });
});

answered Jan 24 '17 at 06:09

Shubhranshu

511
3
12

I already try this code but it doesn't work. It still reloading new page – Splicee Jan 24 '17 at 06:15
Is there any error? – Shubhranshu Jan 24 '17 at 06:17
Add `.click(function(e)` (added the `e`) and the add this in the first row in the `click`-callback: `e.preventDefault();` – M. Eriksson Jan 24 '17 at 06:26

How to Submit a html Form Submit Without Page Refresh using AJAX

2 Answers2