如何從Java腳本通過動態插入數據使用AJAX到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.value & name = name.value因此，而不是打印像它應該直接採取像？性別=男& name = sai這個

所以plaease誰能幫助我解決我的問題

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/

這個數據