javascript - 如何使用ajax将动态插入的数据从javascript传递到php

Question

<script type="text/javascript">
 
var httpBuildQuery = function(params) {

    if (typeof params === 'undefined' || typeof params !== 'object') {
        params = {};
        return params;
    }

    var query = '?';
    //var index = '';
    var index = <?php echo json_encode($array3); ?>;

    
      for (var i in index) {
        //index++;
        //var param = index[i];
        var value = params[i];
        if (index == 1) {
            query += value + '=' +  value +'.value';
        } 
        else {

            query += '&' + value + '=' +  value +'.value';
        }

    }
    return query;
};


var build = document.getElementById('submit');
var output = document.getElementById('output');

build.onclick = function() {
 
 var parameters = <?php echo json_encode($array2); ?>;
    
  var $query = httpBuildQuery(parameters);
    //output.firstChild.nodeValue = $query;
    alert($query);
   var $z=document.getElementById("output").innerHTML = $query;
 
   
   //var $my_variable = "something";
$("#build").click(function() {
   
$.ajax({
     url: 'insert_value.php',
     data: {x: $query},
     type: 'POST'

});
});

};
</script>
  

   

<!-- begin snippet: js hide: false console: true babel: false -->

这里我上传了我的代码，我动态生成控件并尝试将这些控件值插入到某个表中，因此我必须将值从 javascript 传递到 php

在 javascript 中，我正在创建查询字符串，但它就像 ?gender=gender.value&name=name.value 因此，与其打印，不如直接采用 ?gender=Male&name=sai 这样的值

请任何人帮助我解决我的问题

Answer 1

您不需要太复杂，只需保持简单即可。

您动态添加控件的 php 文件中的代码

    <form id="myForm">

    // Generate your dynamic content here

    <button type="submit">Submit</button>
    </form>

<script>
$(document).ready(function(){
 $("#myForm").submit(function(evt){
  evt.preventDefault();

  var formData = $("#myForm").serialize();
  $.ajax({
        url: "insert_data.php",
        data: formData,
        type: 'POST',
        success: function (data) {
            // do something with the result
        }
 });
});
</script>

在您的 insert_data.php 文件中，您可以使用 print_r($_POST); 查看此数据

您还可以使用https://api.jquery.com/serializeArray/以及有关序列化的更多信息 https://api.jquery.com/serialize/