[英]Serialize ajax generated HTML Form
I am generating an HTML form via AJAX request and add into my existing HTML document. 我正在通过AJAX请求生成HTML表单,并将其添加到我现有的HTML文档中。 How do i serialize the generated form after clicking the save data link. 单击保存数据链接后,如何序列化生成的表单。
I have tried the code below but its not working. 我已经尝试过下面的代码,但无法正常工作。
Code: 码:
$(document).on("click", '#save_data', function(event) {
// Gather all the form fields
var form_fields = $("#data_form").serialize();
//post form data via ajax
$.ajax({
type: "POST",
url: "<?php echo site_url('agromet/save_data'); ?>",
data: form_fields,
success: function(data){
//add success function
},
error: function(xhr,err){
console.log(xhr.responseText);
}
});
});
Ajax generated form: Ajax生成的形式:
<form id="data_form">
<input name = "state_id" id = "state_id" type="text" value = "">
<input name = "station_id" id = "station_id" type="text" value = "">
<br/><p><a id="save_data" class="btn">Save Data</a> </p>
</form>
Try this please, I add details with comments 请尝试一下,我会在评论中添加详细信息
JavaScript: JavaScript:
<script type="text/javascript">
function postdatas() {
$.ajax({
type: 'POST', //Send type
url: '<?php echo site_url('agromet/save_data'); ?>', //Your URL
data: $('#data_form').serialize(), //Selected form for serialize
success: function (answer) {
$("#result").html(answer) //here return from send url
}
})
}
</script>
HTML : HTML:
<form id="data_form" name="data_form">
<input name="state_id" id="state_id" type="text" value = "">
<input name="station_id" id="station_id" type="text" value = "">
<br/>
<p>
<button type="button" onclick="postdatas();" class="btn btn-primary">Gönder</button> <!-- here added onclick tag for submit the form -->
<br><span id="result"></span>
</p>
</form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.