个人中心
gpt4 book ai didi

javascript - 如何使用jQuery从golang代码(服务器)获取数据？

转载 作者：行者123 更新时间：2023-12-01 22:22:42 24 4
gpt4 key购买 nike

用户将使用网站上提供的文本编辑器提交数据。我的golang服务器将捕获它，对其进行处理，然后在网站上的文本编辑器下方显示结果。

我可以获取用户输入并进行处理，但是无法将其发送回网站以显示结果。

主功能:

    http.Handle("/", http.FileServer(http.Dir("./codemirror")))
    http.HandleFunc("/getRules", getRules)
...

getRules函数: 
//capture form data
//do some processing on captured data
    js, _ := json.Marshal(resp)
    w.Header().Set("Content-Type", "application/json")
    w.Write(js)

index.html: 
<!DOCTYPE html>
<html>
    <head>
        <title>nvrule playground</title>
        <link rel="stylesheet" type="text/css" href="plugin/codemirror/lib/codemirror.css">
    <link rel="stylesheet" type="text/css" href="plugin/codemirror/theme/the-matrix.css">
        <style>
        .button {
          padding: 15px 25px;
          font-size: 24px;
          text-align: center;
          cursor: pointer;
          outline: none;
          color: #fff;
          background-color: #4CAF50;
          border: none;
          border-radius: 15px;
          box-shadow: 0 9px #999;
        }

        .button:hover {background-color: #3e8e41}

        .button:active {
          background-color: #3e8e41;
          box-shadow: 0 5px #666;
          transform: translateY(4px);
        }
        </style>
    </head>
    <body>
        <iframe name="hiddenFrame" width="0" height="0" border="0" style="display: none;"></iframe>

        <form action="/getRules" method="post" id="ruleForm" target="hiddenFrame">
            <textarea id="codemirror-textarea" name="rule"></textarea>
            <input class="button" type="submit" value="Send" />
        </form>

        <!-- javascript -->
        <script type="text/javascript" src="plugin/codemirror/lib/codemirror.js"></script>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/default.js"></script>
    </body>
</html>

default.js: 
var editor = CodeMirror.fromTextArea(document.getElementById("codemirror-textarea"), {
    lineNumbers : true,
    theme : "the-matrix",
    value: "Enter rules here"
  });

最佳答案

我想到了。您可以使用ajax。

$('#ruleForm').submit(function(e){
    e.preventDefault(); // avoid to execute the actual submit of the form.
    var form = $(this);
    var url = form.attr('action');
        $.ajax({
                   type: "POST",
                   url: url,
                   data: form.serialize(),
                   success: function(json){
                   console.log(json)
                   var templateHtml = $('#resultsArea').html(),
                   template = Handlebars.compile(templateHtml);
                   $('#ajaxResponse').html(template(json));
            }
        });

    });

有用的链接: stackoverflow (question contains my answer)

关于javascript - 如何使用jQuery从golang代码(服务器)获取数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61994208/

24 4 0
文章推荐： amazon-web-services - 如何使用客户端 golang 在 cloudwatch 中拉/推指标
文章推荐： SQL 服务器 : delete where string value contains another value
文章推荐： cp - 为什么复制比移动慢？
文章推荐： go - 为什么CGO无法在C中直接调用函数指针？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com