时间戳

首页 > 解决方案 > api加载后javascript继续刷新页面

javascript - api加载后javascript继续刷新页面

问题描述

我正在尝试发送请求并从我自己的同义词 api 中获得答案。该 api 工作得很好。javascript得到了答案，但它不断刷新页面，最后我的html中没有输出。这是我的 html 脚本：

<form method="POST">
    <input type="text" class="question" />
    <button class="gen-syn">Generate synonyms</button>
    <input type="submit" value="Save"/>
</form>

这是我的javascript：

$(document).on('click','.gen-syn',function(){
 var questionVal = $(".question").val();
 if (questionVal == ''){
    $(".question").focus();
 }
 else {
   $.ajax({
       type :'POST',
       url : "http://192.168.1.9:5000/synonyme_word/"+questionVal,
       success : function(response){
           var divSynonymes = $(document.createElement('div'));
           $(".question").after(divSynonymes);
           for (var a in response){
               $(divSynonymes).append('<h1 class="titre-textareal-question-icona-go " value=>'+a+'</h1>'+
               '<div class="form-group row" >'+
                   '<div class="col-sm-12 listeSyn">'+
                   '</div>'+
               '</div>'
               );
               for (syn in response[a]){
                 var synonyme = response[a][syn]
                 $(".listeSyn").append(
                     '<input type="checkbox" name="checkboxes[249]" id="frm-test-elm-110-100" autocomplete="off" />'+
                     '<div class="btn-group">'+
                         '<label for="frm-test-elm-110-100" class="btn btn-primary">'+
                             '<span class="fa fa-check-square-o fa-lg"></span>'+
                             '<span class="fa fa-square-o fa-lg"></span>'+
                             '<span class="content">'+synonyme+'</span>'+
                         '</label>'+
                     '</div>');
               }
           }
       },
    });
    return False;
 }
});

我没有进行任何重新加载，但导航器在调用 api 后不断重新加载（当我单击生成同义词按钮时）

标签： javascripthtmlajaxapi

解决方案

<form>彻底摆脱。它的行为与您的代码混淆。只需使用<div>.

推荐阅读