而無需刷新頁面

-1

我有一個包含一個段落元素&輸入按鈕的index.php頁面保存到款使用PHP數據庫：而無需刷新頁面

<p id="result">Hello this is test paragraph</p>  
<input id="insertbutton" type="button" value="insert" />

我想該段內容到數據庫存儲，而無需刷新頁面，當我點擊插入按鈕..

希望可以得到幫助

非常感謝您

來源

2015-04-14 Noor H

請告訴我們，到目前爲止你嘗試過什麼。 – Krishna38

使用JavaScript或jQuery的ajax –

您必須閱讀[同步和異步請求]（https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests） – kosmos

-1

使用Ajax和jQuery來發布這樣的帖子請求就足夠了。

$("#insertbutton").click(function(){ 
    var data = "text=" + $("#result").text(); 
    $.ajax({ 
     type: "POST", 
     url: "post.php", 
     data: data, 
     success: function(){ 
      alert("success"); 
     } 
    }); 
});

來源

2015-04-14 07:59:30 julen26

insertbutton is selector，use ＃ –

這對我很有幫助，但它插入了空白記錄。這是我的php代碼： <？php $ data = $ _POST ['data']; $ connection = mysql_connect（「localhost」，「root」，「」）; //選擇數據庫 $ db = mysql_select_db（「db1」，$ connection）; $ query = mysql_query（「insert into test（QrCode）values（'$ data'）」，$ connection）; ？> 任何想法？ –

$ _POST ['data']應該是$ _POST ['text']，而不是更改PHP代碼，您可以更改Javascript並將「text」字符串替換爲「data」：var data =「data =」+ $（「#result」）文本（）; – julen26

<p id="result">Hello this is test paragraph</p> 

<input id="insertbutton" type="button" value="insert" />

// AJAX

$("#insertbutton").click(function(){ 
var dataToPass=$("#result").html(); 

$.ajax({ 
url:'Your_PHP_File_URL_that_will_do_insertion', 
data:dataToPass 
}); 
})

來源

2015-04-14 07:59:50

而無需刷新頁面

回答

相關問題