axios呼叫laravel中的不同选项

问题描述：

我需要通过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就是这样。

添加与此相关的完整代码，错误，如果任何 – C2486

答

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

@SivarajuMani：保持函数名在所有地方一样'jobsList（）' – C2486

@SivarajuMani：如何和你在哪里调用'jobsList （）'最初？ – C2486

const data = { q：value } =>最初我需要传递值为1，当我点击那个按钮时，我需要发送值为2，我的问题 –

axios呼叫laravel中的不同选项

相关推荐