通過onclick函數發佈URL的方法

我需要關於聽起來很容易但對我來說很困難的事情。所以，當有人點擊這個div：通過onclick函數發佈URL的方法

<div onclick="<go to url sending data using the post method>">Click Me</div>

我希望將數據發送到將採取我希望它的信息的PHP文件。我會使用GET功能，但我聽說它很容易被破解。如果他們是一個更簡單的解決方案或更安全的東西，請幫助我。

來源

2016-02-19 Techwizmatt

那麼，使用表單並提交它呢？：D – r4phG

Taka請看http://www.w3schools.com/html/html_forms.asp和https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form。 –

我認爲你所能做的最好的就是尋找像這樣的教程視頻https://www.youtube.com/watch?v=IQmpTxKh9k8 ...它會教你更多的可以在這裏解釋.. – Daniel

如果你需要使用div，你可以這樣做，但我建議你使用按鈕或輸入類型提交。

<form id="form-id" method="post" action="your-php-file-url"> 
<input type="hidden" name="your-variable-name" value="your-variable-value"> 
<div onclick="document.getElementById('form-id').submit();">Click Me</div> 
</form>

你也可以使用jQuery或其他一些JS庫。

NOTE：請注意，如果您發送的數據是通過瀏覽器提供的，那麼操作起來非常簡單（如果您使用POST或GET，這並不重要），因此處理它時檢查它很重要。

來源

2016-02-19 16:06:51

您可以使用<form>發送數據

<form action="yourpage.php" method="post"> 
    //form contents 
    <input type="submit" value="Submit"> 
</form>

操作URL指定的頁面的URL，你的數據將被髮送。

來源

2016-02-19 16:05:48 Munawir

使用表單將是理想的。如果由於某種原因，如果您不想使用表單或想構建動態應用程序，請以此方式使用它。

//jquery library 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<input id="someInput"> 
<div onclick="sendData()">Click Me</div> 

<script> 
    function sendData(){ 
     //get the input value 
     $someInput = $('#someInput').val(); 
     $.ajax({ 
      //the url to send the data to 
      url: "ajax/url.ajax.php", 
      //the data to send to 
      data: {someInput : $someInput}, 
      //type. for eg: GET, POST 
      type: "POST", 
      //datatype expected to get in reply form server 
      dataType: "json", 
      //on success 
      success: function(data){ 
       //do something after something is recieved from php 
      }, 
      //on error 
      error: function(){ 
       //bad request 
      } 
     }); 
    } 

</script>

來源

2016-02-19 16:11:57 m1alesis

通過onclick函數發佈URL的方法

回答

相關問題