Question

任何人都可以帮我把我的3段代码放在一起吗？我可以运行脚本很好，它工作，我只是不知道如何将其与onclick按钮事件对齐

fetchResponse

在HTML中

1) User clicks button.
2) Script is executed and sends message to API

执行脚本的按钮

<script src="jquery-git.js" type="text/javascript">
<script src='slackapi.js'></script>

slackapi.js脚本

<fieldset>
<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Send Message</button>
</fieldset>

Answer 1

第一个选项： -

您需要在slackapi.js中包含 $(document).ready(function(){..}); 代码并点击下方的按钮： -

<强> slackapi.js： -

$(document).ready(function(){
    $('#contact-submit').on('click',function(e){
        e.preventDefault();
        var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
        var text = 'This is a message'
        $.ajax({
            data: 'payload=' + JSON.stringify({
                "text": text
            }),
            dataType: 'json',
            processData: false,
            type: 'POST',
            url: url
        });
    });
});

第二个选项是： -

将slackapi.js代码包裹在一个函数中，并按下按钮点击该函数，如下所示： -

function runIt(){
    var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
    var text = 'This is a message'
    $.ajax({
        data: 'payload=' + JSON.stringify({
            "text": text
        }),
        dataType: 'json',
        processData: false,
        type: 'POST',
        url: url
    });

}

并在当前页面中调用它，如下所示： -

$(document).ready(function(){
    $('#contact-submit').on('click',function(e){
        e.preventDefault();
        runIt();
    });
});

注意： - 在这两种情况下，请确保在您的代码中包含此脚本之前包含jQuery库。

Answer 2

这应该适用于你的slackapi.js文件：

!function (){
   function someFunction(){
      var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
      var text = 'This is a message'
      $.ajax({
         data: 'payload=' + JSON.stringify({
           "text": text
         }),
         dataType: 'json',
         processData: false,
         type: 'POST',
         url: url
      });
    }
    $('body').on('click', '#contact-submit', someFunction);
}();

使用onclick按钮执行脚本 - HTML / Jquery / Javascript

2 个答案: