如何将div标签内的数据存储到数据库中?

时间:2016-02-22 03:36:04

标签: jquery html database

我正在使用像http://www.jque.re/plugins/forms-controls/quick.tag/这样的jquery来创建quicktags。 quicktags存储在一系列div标签中,如此

<div id="taglist">
    <div class="tag">
        <a class="close">x</a>
        Red
    </div>
    <div class="tag">
        <a class="close">x</a>
        Blue
    </div>
    <div class="tag">
        <a class="close">x</a>
        Green
   </div>
</div>

我如何能够使用“红色”“蓝色”和“绿色”的值插入数据库?对不起,我是新来的。感谢。

1 个答案:

答案 0 :(得分:1)

1-您需要使用javascript从您想要的div获取数据,您还需要像PHP这样的服务器端语言

2-当您标记Jquery时,我假设您将其包含在html <head>中或</body>之前

3-你怎么能用jquery?见下一个例子

&#13;
&#13;
$(document).ready(function(){
  var arrayofcolors = [];
  $('#taglist > .tag').each(function(){
    var thisColor = $(this).text().replace('x' , '').trim().toLowerCase();
     arrayofcolors.push(thisColor);
  });
  alert(arrayofcolors);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="taglist">
    <div class="tag">
        <a class="close">x</a>
        Red
    </div>
    <div class="tag">
        <a class="close">x</a>
        Blue
    </div>
    <div class="tag">
        <a class="close">x</a>
        Green
   </div>
</div>
&#13;
&#13;
&#13;

关于将arrayofcolors传递给php并将其保存到数据库中,您需要使用$.ajax()方法..并使用它像

$.ajax(function(){
  url : 'to your php url here',
  method : 'POST',
  data : {arrayofcolors : arrayofcolors},
  success : function(data){
    // returned data from php file
    alert(data);
  }
});

在你的php文件中

<?php
  echo $_POST['arrayofcolors'];
?>

此步骤将返回带有颜色的警报