我使用ajax创建了一个表单但是我试图像普通表单一样发布它的数据(没有ajax)。但它的数据不会转移到另一页。如果有人能帮助我,我会感激你。
$('body').on('click','a.btn_details',function(e){
e.preventDefault();
var _id = $(this).attr('id');
var _data = {'action': 'product_details','product_id':_id};
$.ajax({
'method': 'POST',
'url': '../common/products.php',
'dataType': 'json',
'data': _data,
'success': function (resp) {
var _about = resp.product_info.details;
var product_attributes = resp.attributes;
_about += '<div class="form" style="margin-top:30px;"><form name="frmOrder" class="form-horizontal" method="post" action="addtocart.php">';
var options;
var total_opt=0;
/*alert(resp.attribute_options);
return false;*/
for(var i=0;i<product_attributes.length;i++)
{
options = resp.attribute_options[product_attributes[i].id];
total_opt = options.length;
if(total_opt)
{
_about += '<div class="form-group">';
_about += '<label for="label" class="col-md-3 control-label">'+product_attributes[i].name+':</label>';
_about += '<div class="col-md-9 inputGroupContainer"><div class="input-group"><select name="options[]" class="form-control selcart">';
for(var j=0;j<total_opt;j++)
{
//alert(options[j].name);
_about += '<option value="'+options[j].id+'">'+options[j].name+'</option>';
}
_about += '</select></div></div>';
_about += '</div>';
}
}
_about += '<div class="form-group"><label for="label" class="col-md-3 control-label"> </a></label>';
_about += '<div class="col-md-9 inputGroupContainer"><div class="input-group"><input type="submit" class="btn btn-info btn-lg" value="Add to Cart" /></div></div></div></form></div>';
$("#product_name").html(resp.product_info.name);
$("#about_product").html(_about);
$("#pic_product").html("<img class='media-object img-thumbnail img-responsive' width='350' src='<?php echo $site_path?>upload_prdimgs/"+resp.product_info.image_name+"' />");
},
complete: function(){
$('#prd_list_cont').fadeOut("slow");
$('#prd_det_cont').fadeIn("slow");
}
});
});
提前致谢,
Aisha Zafar