2017-11-13 9 views
-3

私は自分のhtmlでarduinoのリレーを有効/無効にしたいトグルスイッチを持っています。スイッチでURLを呼び出しても、それを開くことはできません

の場合:私はちょうどそれが呼ばれるようにしたい、私はURLを開くことがしたくないhttp://192.168.1.144:8000/1234!Q02=1 $

を呼び出す:オフhttp://192.168.1.144:8000/1234!Q02=0 $ を呼び出します。

function getValue1() { 
    var isChecked = document.getElementById("button1").checked; 

    if(isChecked){ 
    alert("button1 is checked"); 
    } else { 
    alert("button1 is NOT checked"); 
    } 
} 

JavaScriptのコードは動作していますが、URLを呼び出す方法はわかりません。

ありがとうございました。

+1

*ただし、私はURLを呼び出す方法はわかりません。*あなたは*何を意味するのですか? – gurvinder372

+1

_私はURLを開くのを望んでいない、私はちょうどそれが呼び出されることを望む。あなたは何を意味するのですか? – Dane

+0

[jQueryを使用せずにAJAX呼び出しを作成する方法](https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery) – Archer

答えて

0

ボタン:

$(document).ready(function() { 
    $("#btnCall").click(function(){ 
     var isChecked = document.getElementById("button1").checked; 
     if(isChecked){ 
      $.ajax({ 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       url: "http://192.168.1.144:8000/1234!Q02=0$", 
       data: JSON.stringify(data), //yourData 
       success: function (data) { 
        console.log(data); 
       }, 
       dataType: "json" 
      }); 
     } else { 
      $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "http://192.168.1.144:8000/1234!Q02=1$", 
      data: JSON.stringify(data), //yourData 
      success: function (data) { 
       console.log(data); 
      }, 
      dataType: "json" 
     }); 
     } 
    }); 
}); 
+0

ありがとうございました –

+0

なぜタグが付いていないのか尋ねられていないときにjQueryの答えをくれましたか? – evolutionxbox

+0

jqueryがjsファイルに追加されました。 –

1

あなたもこれを試すことができます。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script> 
    $(document).ready(function() { 
    $("#btnCall").click(function(){ 

     if($("button1").prop('checked')){ 
      $.ajax({ 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       url: "http://192.168.1.144:8000/1234!Q02=0$", 
       data: JSON.stringify(data), //yourData 
       success: function (data) { 
        console.log(data); 
       }, 
       dataType: "json" 
      }); 
     } else { 
      $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "http://192.168.1.144:8000/1234!Q02=1$", 
      data: JSON.stringify(data), //yourData 
      success: function (data) { 
       console.log(data); 
      }, 
      dataType: "json" 
     }); 
     } 
    }); 
}); 
</script> 
+0

よろしくお願いいたします。 –

+0

javascriptの配列の結果を使ってhtmlトグルスイッチを更新する方法を知っていますか?したがって、配列が1の場合、トグルスイッチがチェックされ、0の場合はトグルスイッチがチェックされないように更新されます - –

+0

あなたの質問リンクを共有します.... –

関連する問題