Golang : JQuery AJAX post data to server and send data back to client example



Tags : golang jquery ajax javascript

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!



Tags : golang jquery ajax javascript

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