PHP：插入到数据库与阿贾克斯

实际工作Ubuntu的（工作PHP语言），我有转换成文本的PDF文件，然后我的preg_match为了提取我需要的数据。PHP：插入到数据库与阿贾克斯

之后，我把我的数据线放在一个下拉列表。

问题：我想用Ajax（据我了解），到得到选中的选项并保存到我的数据库。

我读过许多话题关于这个问题，白白...

这里有一块我的代码，它可能会更形而下！

我的PHP文件：

$file = fopen($fichier_txt, 'r+'); 

if ($file) 
{ 
    $lines = array(); 
    $pattern_GC = '/N°.*\d{4}(\s?\s?[\w\s]*)(\d{5})\s?(\w+)\W+/isU'; 
    $fichier_txt_content = file_get_contents($fichier_txt); 
    $regex_GC = preg_match_all($pattern_GC, $fichier_txt_content, $match_GC); 
// Match regroupant nom/prenom + adresse 
$match_un = explode(PHP_EOL, $match_GC[1][0]); 
$match_nom_prenom = $match_un[2]; 
$match_adresse = $match_un[3]; 
// Match CP 
$match_deux = $match_GC[2][0]; 
// Match ville 
$match_trois = $match_GC[3][0]; 

$opt = array($match_nom_prenom, $match_adresse, $match_deux, $match_trois); 
$i = 0;?> 
<html> 
     <form> 
      <select name="selectBox" class="drop" id="Combobox1" onchange="saveToDatabase(this.value)"> 
      <?php foreach($opt as $val) {?> 
       <option value="$opt[$i]"><?=$val?></option> 
      <?php } ?> 
      </select> 
     </form> 
</html>

我formulaire_2_test.php文件：

<?php 
    // Database connection to save form lines (PDO) 
      try 
      { 
       $PDO = new PDO('mysql:host=localhost;dbname=autofill_data', 'root', 'password'); 
      } 
      catch (Exception $e) 
      { 
       die('Erreur : ' . $e->getMessage()); 
      } 

     // Get selected option and save into database 
      $selectedOpt = $_POST['selected']; 
      //exit($selectedOpt); --> I put this line in comments since I don't use it everytime. 


      $req = $PDO->prepare("INSERT INTO data_lines(idDistributeur, numLigne, libelle) VALUES(1, 2, :selectedOpt)"); 
      $req->bindParam(':selectedOpt', $selectedOpt); 
      $req->execute($selectedOpt); 
      $data = $req->fetchAll(); 
     } 

    ?>

喏，这就是我的Ajax脚本（我在JS是新的，我知道有些enormeous错误可能会弹出在你面前，对此感到遗憾，关于我的法语命名......）

阿贾克斯：（位于我的PHP文件）

<style> 
    .ui-autocomplete 
    { 
     cursor:pointer; 
     height:120px; 
     overflow-y:scroll; 
    } 
</style> 

<script> 

    function saveToDatabase(selectedValue) 
    { 
     var select = selectedValue; 
     select = $(this).serialize(); 
     $('#Combobox1').on("change", function() 
     { 
      // POST to php script 
      $.ajax 
      ({ 
       type: 'POST', 
       url: 'formulaire_2_test.php', 
       data:{selected:this.value} 
      }).then(function(data){alert(data)}); 
     }); 
    } 

    $(document).ready(function() 
    { 
     saveToDatabase(); 
    }); 

</script>

我测试了粗略的数值我的PDO连接，它的工作，但我不知道我怎么能忽略我的PHP变量到它（我不知道使用$ _POST来检索这个数据，因为我不刷新任何页面...）我也试过INSERT到表VALUES（：名称，2，3），但它didn也不管用...... 我是否在钻机中前进？方向？你会如何考虑这样做？

PS：我之后的下一步是从下面的下拉列表中删除选定的选项（为了在填写订阅表格时为用户节省一些宝贵的时间）。

EDIT年11月24：我需要我的“FAIS吨喜爱将”选项出现在我的下拉为默认值，而不是在列表中选择：

我的最后一个问题：我想删除所选择的选项的下拉列表中，因此它不会出现在其他下拉列表中。这里是我试过的代码（不工作）：

function removeSelected(value) 
     { 
       $('.drop').change('select', function() 
       { 
        // Definition des variables 
        var value = this.value; 
        var id = this.id; 
        // We del selects with a != id containing options with the same value of the selected one. 
        $("select:not(#" + id + ") option[value='" + value + "']").hide() 
       }); 
     }

我也试图与一个.remove（）代替.hide（）没有成功！

由于提前，

问候，

斯泰利奥康托斯。

来源

2016-11-23 Stelio Kontos

我想补充一点，我在Firefox Consol上测试了我的代码，我可以看到我的XHR请求，因为我选择了一个选项，但它不保存到数据库中...... –

您可以使用'''$ _POST '''。 Ajax只是一个由JavaScript执行的HTTP请求，而不是浏览器窗口。而不是'''data：'selected ='+ select'''，只要做'''data：{selected：select}'''。然后你可以在'''$ _POST ['selected']''' –

处选择你的选项。谢谢你，在我的这条路上！ :) –

将遵循此评论的PHP代码：// Database connection to save form lines (PDO)到不同的文件。从您的jQuery ajax函数中，将url设置为这个新的PHP文件。还将data: 'selected=' + select更改为data: {selected: select}。

现在在你的PHP文件（新的）中设置$selectedOpt = $_POST['selected'];。

的PHP代码的最后一位应该是这样的：

$req = $PDO->prepare("INSERT INTO data_lines(idDistributeur, numLigne, libelle) VALUES(1, 2, :selectedOpt)"); 
$req->bindParam(':selectedOpt', $selectedOpt); 
$req->execute();

编辑：JavaScript的修复

你的JS应该是：

$(document).ready(function() { 
    $('#Combobox1').on('change', function() { 
     $.ajax({ 
      method: 'POST', 
      url: 'save-selection.php', 
      data: { 
       // this is a reference to the select box, which means 
       // this.value is the value of the select box 
       selected: this.value 
      } 
     }).then(function (data) { 
      alert(data); 
     }); 
    }); 
});

关于你更新的要求，你可以只需在您的ajax调用下添加$(this).children(':selected').remove();即可。不需要另一个change听众。但是，当用户选择一个选项时，它会立即将其删除，因此选择框只会显示第一个选项。试试吧，你会明白我的意思。

来源

2016-11-23 13:42:20

您不能直接从Javascript发送信息到PHP。您必须使用一些REST API或一些管理HTTP请求的HTTP Web服务，然后将其插入到数据库中。

您可以编写一个REST API like this，然后简单地使用$ _ POST [“选择”]检索POST的参数，请你用jQuery做。

另外，我建议你使用minAjax

来源

2016-11-23 13:27:43 freinn

您可以在JavaScript中调用一个新的XMLHttpRequest到一个PHP脚本。没有必要的REST API。 –

@BenGuest诚然，但REST API是一个很好的工具，很容易掌握。我这样做。 – freinn

他们是一个非常有用的工具，虽然这个问题可能有点矫枉过正？ –

PHP：插入到数据库与阿贾克斯

回答

相关问题