Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Ajax通过这种方法发送查询_Javascript_Jquery_Ajax_Blade - Fatal编程技术网

Javascript 如何使用Ajax通过这种方法发送查询

Javascript 如何使用Ajax通过这种方法发送查询,javascript,jquery,ajax,blade,Javascript,Jquery,Ajax,Blade,我不能以这种方式发送Ajax请求 找到适合该站点的表单 并尝试在不刷新页面的情况下发送数据 我做错了什么?需要类似于form.submit(){}的东西吗 形式 @foreach($answers作为$answer) {{$answer->answer} @endforeach 发送答案 js var theForm=document.getElementById('theForm'); 新步骤表单(表单{ onSubmit:函数(形式){ //隐藏形式 addClass(form.q

我不能以这种方式发送Ajax请求 找到适合该站点的表单 并尝试在不刷新页面的情况下发送数据 我做错了什么?需要类似于form.submit(){}的东西吗

形式


@foreach($answers作为$answer)
  • {{$answer->answer}
  • @endforeach 发送答案
    js

    
    var theForm=document.getElementById('theForm');
    新步骤表单(表单{
    onSubmit:函数(形式){
    //隐藏形式
    addClass(form.querySelector('.simform-inner'),'hide');
    var query=“word=”+$(“输入[name=word]”)。val()+
    “&id=“+$”(“输入[name=id]”)val();
    $.ajax({
    类型:“POST”,
    url:“http://example.com/frontend/tests/elementary-2/check",
    数据:查询,
    cache:false,
    数据类型:“json”,
    成功:函数(msg){console.log(msg);
    如果(msg['msg']==true){
    sweetAlert(“干得好!”、“有些”、“成功”);
    }否则{
    sweetAlert(“哎呀……”、“有些”、“错误”);
    }
    }
    });
    }
    } );
    
    在表单中输入return false

    <form id="theForm" class="simform" autocomplete="off" onsubmit="return false;">
    
    
    

    您的ajax实际上正在执行,但默认情况下表单也在发出非ajax请求。return false将阻止表单以默认行为提交

    好的,如果您询问如何通过ajax提交表单的建议,那么下面是一个示例-

            $(document).on("click", ".submit", function () {
                 $.ajax({
                        type: "POST",
                        url: "your/url",
                        data: {your:data},
                        success: function(data) {
    
       //and from data parse your json data and show error message in the modal
                        var obj = $.parseJSON(data);
                            if(obj!=null)
                                {                             
                                    $('#mssg').html(obj['message']);
                                }
                        }});
                     });
    

    这并不能解决问题,事实上,我要求建议如何正确提交表格,对不起我的英语((我已删除
    onsubmit=“return false;”
    数据只发送到最后一个输入如何发送每次按enter从输入发送数据?您可能误解了我的意思,我知道如何通过Ajax发送数据,在这种情况下,我要求议会发送请求。您观看了代码吗?实际上您的问题有点混乱,您要求您不能发送Ajax请求。您明白了吗ng是否有任何错误或其他问题?这是问题所在,错误也没有发生。在此表单中,当您按enter键时,第二个点在第二个点之前,我是否需要发送输入值以进行验证并返回true或FALSE现在告诉我您从何处找到
    var query=“word=”+$(“输入[name=email]”。val()+“&id=“+$(“输入[name=id]”).val();
    在您的表单中没有名为email和id的输入字段!关于email呢对不起,输入错误,但是默认情况下id被选中了
    <form id="theForm" class="simform" autocomplete="off" onsubmit="return false;">
    
            $(document).on("click", ".submit", function () {
                 $.ajax({
                        type: "POST",
                        url: "your/url",
                        data: {your:data},
                        success: function(data) {
    
       //and from data parse your json data and show error message in the modal
                        var obj = $.parseJSON(data);
                            if(obj!=null)
                                {                             
                                    $('#mssg').html(obj['message']);
                                }
                        }});
                     });