Question

我需要根据两个条件传递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个。

Answer 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>

Answer 2

您应该始终在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/

axios调用laravel中的不同选项

2 个答案: