2015-05-08 30 views
1

我有一個帶有按鈕的小輸入字段。它看起來像這樣類似:
enter image description here
HTML使用jquery從輸入字段中取值並將其分配給PHP

<input type="text" id="my_input"><span class="btn">Save</span> 

JQUERY

$(".btn").click(function(){ 
     // send data to $_POST['#my_input'] 
    }); 

如果用戶點擊 「保存」,我可以使用jQuery來分配PHP isset?

if(isset($_POST['#my_input'])){ 
     //action 
    } 
+1

沒有。 jquery不能在PHP中「分配」任何東西。但是你**可以**讓jquery執行常規的http表單提交(直接或通過ajax),這會導致瀏覽器和PHP在_GET/_POST中爲你創建key = value對。 –

+0

你可以給我一些教程或一些代碼,我可以從中學習嗎?謝謝。 – Roman

回答

3

可以使用postajax的jQuery的 - 方法來提交表單數據異步:

$(".btn").click(function(){ 
    var input = $('#my_input').val(); 
    $.post('url/to/file.php', {data: input }); 
); 

在你的PHP文件,你可以像訪問數據:

if(isset($_POST['data'])){ 
    //action 
} 

參考

$.post()

+0

我可以在同一頁面上做到這一點嗎?我的意思是不使用任何額外的PHP文件?那可能嗎?謝謝 – Roman

+0

是的,你可以做到這一點。只需定義一個表單並提交按鈕。沒有行動的形式。並在底部的PHP代碼,我給了。不需要jquery –

2

你可以做到這一點在下列方式: -

<script> 
    $(document).ready(function() { 
     $('.btn').click(function(){ 
     $textboxval = $('#my_input').val(); 
     $.ajax({ 
      url: 'page.php', // page name where you want to get value of that textbox 
      type: 'POST', 
      data : {'my_input':$textboxval}, 
      success: function(res) { 
       // if you want that php send some return output here 
       } 
      }); 
    }); 
}); 
</script> 

而且在page.php文件

<?php 

if(isset($_POST['my_input'])){ 
    echo $_POST['my_input'] ; 
} 

注: - 如果你想回到阿賈克斯回來,那麼你需要寫回報而不是回聲,然後你可以在你的成功迴應中獲得價值。

相關問題