분류 전체보기 (70) 썸네일형 리스트형 JS 체크 2가지 1. 보통 html아래의 ajax는 js가 모두 로드된 뒤 호출된다. 이를 방지하기 위해선 "async" 옵션을 false로 추가한다. $ .ajax({ type : "POST", url : '/chkAnswer.do', dataType : 'json', // async : false, data : params, success : function(returnData) { if (returnData == 200) { ctx = "true"; } else { alert("보안문자를 올바르게 입력하세요.") ctx = "false"; getImage(); document.querySelector('#answer').setAttribute( 'value', ''); } } }); 2. $("#name").htm.. JqGrid post 목표: jqGrid 틀에 post로 데이터 요청후 값 보여주기 그리드 데이터 출력 html 조회 폼 조회 js $("#search").on("click", function () { var powerPlantName = $("#powerPlantName").val(); var powerPlantType = getPowerplantCheckBox(); var powerPlantCapacity = getpowerPlantCapacityCheckBox(); var inputdata = { PowerPlantName: powerPlantName, PowerPlantType: powerPlantType, PowerPlantCapacity: powerPlantCapacity, }; //초기화 $(".web0200_l.. GIN Ajax table 조작 목표 : 버튼을 눌러 비동기로 table 값 변경하기 router.go server.route.GET("/operator", handler.OperatorHandler) server.route.POST("/operator_test", handler.OperatorTestHandler) handler/operation.go package handler //뷰로 데이터를 전송하는 핸들러 import ( "net/http" "time" "github.com/gin-gonic/gin" ) func Operation(c *gin.Context) { c.Header("Content-Type", "text/html") c.HTML(http.StatusOK, "web0205.html", gin.H{ "title": ".. GIN Ajax로 값 전달하기 목표 : 1. Html 데이터를 Ajax로 사용해 go Handler로 값 전달 2. 전달받은 값으로 DB api 조회(url) router.go server.route.POST("/sendToGo", handler.ReceiveData) main.html main.go type Board struct { ID int `json:"ID"` Title string `json:"Title"` Content string `json:"Content"` } func ReceiveData(c *gin.Context) { //json형태로 값을 받음 data, _ := c.GetRawData() reqBody := value{} //json을 decode err := json.Unmarshal([]byte(data).. GIN 동적 그래프 그리기 목표 : MongoDb의 값을 가져와 그 값을 바탕으로 Google Chart 그래프(막대,선) 그리기 route.go server.route.GET("/getGraphData1", handler.DrawGraph1) handler/graph.go package handler import ( "context" "encoding/json" "fmt" "log" "net/http" "time" "github.com/gin-gonic/gin" "go.mongodb.org/mongo-driver/bson/primitive" "go.mongodb.org/mongo-driver/mongo" "go.mongodb.org/mongo-driver/mongo/options" "gopkg.in/mgo.v2/bson" ) t.. GIN 그래프 그리기 목표 : MongoDb의 값을 가져와 그 값을 바탕으로 Google Chart 그래프 그리기 route.go server.route.GET("/graph", handler.GraphHandler) server.route.GET("/getGraphData", handler.DrawGraph) handler/graph.go package handler import ( "context" "encoding/json" "fmt" "log" "net/http" "time" "github.com/gin-gonic/gin" "go.mongodb.org/mongo-driver/bson/primitive" "go.mongodb.org/mongo-driver/mongo" "go.mongodb.org/mongo-driver/.. GIN MongoDB Test /db 요청시 GIN으로 MongoDB의 데이터 값을 출력하기 route.go func (server *serverStruct) SetRoute() bool { server.route.GET("/db", handler.PostgreSQLHandler) } 라우팅 코드 작성 dbHandler.go package handler import ( "context" "fmt" "log" "go.mongodb.org/mongo-driver/bson" "go.mongodb.org/mongo-driver/bson/primitive" "github.com/gin-gonic/gin" "go.mongodb.org/mongo-driver/mongo" "go.mongodb.org/mongo-driver/mongo/options.. GIN POST TEST2 json Body를 채워 /postTest로 요청하면 원하는 값으로 변경되어 return 되는 테스트 route.go func (server *serverStruct) SetRoute() bool { server.route.POST("/postTest", handler.PostTest) return true } 핸들러 추가 package handler import ( "bytes" "encoding/json" "fmt" "io/ioutil" "net/http" "github.com/gin-gonic/gin" ) type Board struct { ID int `json:"ID"` Title string `json:"Title"` Content string `json:"Content"` } func Pos.. 이전 1 ··· 3 4 5 6 7 8 9 다음
