axios调用laravel中的不同选项

问题描述 投票:1回答:2

我需要根据两个条件传递const数据,但我在jQuery中收到错误。

我试过的代码:

    <body>
   <div class="input-group-btn"> <button class="btn btn-info btnSearchJob" id="search-jobs" onClick="myFunction(2)" ><i class="fa fa-search"></i> Search</button></div>
   </body>

  <script type="text/javascript">
       $(document).ready(function() {
            function myFunction(value = 1){
                console.log(value);         
            }   
      });

我需要打印1的初始值,当我点击这个myFunction时应该打印2就是它。

php laravel
2个回答
1
投票

您应该始终在ready函数之外定义函数,当HTML为onclick执行时,它不知道函数myFunction()在头部内定义它。

<head>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
    myFunction();
});

function myFunction(value = 1){
    console.log(value);
}

</script>

</head>
<body>
<div class="input-group-btn"> <button class="btn btn-info btnSearchJob" id="search-jobs" onClick="myFunction(2)" ><i class="fa fa-search"></i> Search</button></div>
</body>

https://jsfiddle.net/mmhkru75/


1
投票

第一个jobsList()jobList()不一样,第二个你应该这样用来在函数中使用默认值

function jobsList(value=1){
    const data = {
        q : value
}

url = "{{route('get-jobs')}}";
axios.post(url,data).then(response => {
    //...
});

jobList改为jobsList

<div class="input-group-btn"> <button class="btn btn-info btnSearchJob" id="search-jobs" onclick="jobsList(2)"><i class="fa fa-search"></i> Search</button></div>
© www.soinside.com 2019 - 2024. All rights reserved.