Golang : JQuery AJAX post data to server and send data back to client example
Just want to write this tutorial for fun.
In this tutorial, we will learn how to use JQuery's AJAX to post and retrieve data from web server. The main purpose here is to demonstrate how Golang receive the data posted by JQuery's AJAX and reply back.
Here we go!
package main
import (
"fmt"
"net/http"
)
func Home(w http.ResponseWriter, r *http.Request) {
html := `<head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'></script>
</head>
<html><body>
<h1>Golang Jquery AJAX example</h1>
<div id='result'><h3>before</h3></div><br><br>
<input id='ajax_btn' type='button' value='POST via AJAX to Golang server'>
</body></html>
<script>
$(document).ready(function () {
$('#ajax_btn').click(function () {
$.ajax({
url: 'receive',
type: 'post',
dataType: 'html',
data : { ajax_post_data: 'hello'},
success : function(data) {
alert('ajax data posted');
$('#result').html(data);
},
});
});
});
</script>`
w.Write([]byte(fmt.Sprintf(html)))
}
func receiveAjax(w http.ResponseWriter, r *http.Request) {
if r.Method == "POST" {
ajax_post_data := r.FormValue("ajax_post_data")
fmt.Println("Receive ajax post data string ", ajax_post_data)
w.Write([]byte("<h2>after<h2>"))
}
}
func main() {
// http.Handler
mux := http.NewServeMux()
mux.HandleFunc("/", Home)
mux.HandleFunc("/receive", receiveAjax)
http.ListenAndServe(":8080", mux)
}
Run this code on terminal and point your browser to http://yourserver.com:8080 and a button will appear. Click on the button and see the result on your browser and terminal output. Enjoy!
By Adam Ng
IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.
Advertisement
Tutorials
+4.6k Unix/Linux : secure copying between servers with SCP command examples
+10.8k Golang : Delay or limit HTTP requests example
+12.5k Python : Convert IPv6 address to decimal and back to IPv6
+9.2k Random number generation with crypto/rand in Go
+7.3k Golang : Lock executable to a specific machine with unique hash of the machine
+12.6k Swift : Convert (cast) Int to String ?
+14.3k Golang : Normalize unicode strings for comparison purpose
+6.2k Golang : Map within a map example
+12.1k Golang : Arithmetic operation with numerical slices or arrays example
+9.6k Golang : Translate language with language package example
+31.1k Golang : Convert an image file to []byte
+7.6k Golang : Check from web if Go application is running or not