axios呼叫laravel中的不同选项

  • Z时代
  • 2024-01-10
  • 分类：问答

我需要通过const基于两个条件的数据，但我在jQuery中出现错误。axios呼叫laravel中的不同选项

我曾尝试代码：

<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就是这样。

回答：

你应该定义函数总是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/

回答：

首先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>

以上是 axios呼叫laravel中的不同选项 的全部内容， 来源链接： utcz.com/qa/262741.html

回到顶部