2017-12-18 11 views
1

constのデータを2つの条件に基づいて渡す​​必要がありますが、jQueryでエラーが発生しています。laravelのさまざまなオプションでaxiosを呼び出す

私が試してみましたコード:

<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);   
      } 
     }); 

それはそれだ2印刷する必要があり、私はこのMyFunctionのをクリックしていたときに1を印刷し、する必要が初期値です。

+0

任意の – C2486

答えて

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> 
+0

@SivarajuManiがあれば完全にこれに関連するコード、およびエラーを追加:すべての場所で同じ関数名を保つ 'jobsListは()' – C2486

+0

@SivarajuManiは:どのように、あなたが呼び出している 'jobsList () '最初に? – C2486

+0

constデータ= { q:値 } =>最初に私はそのボタンをクリックしているときに値を渡す必要があります.2として値を送信する必要があります。私の質問 –

関連する問題