通过ajax表单数据传输问题

时间:2017-10-20 06:35:12

标签: jquery ajax jquery-ui

我使用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">&nbsp;</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

0 个答案:

没有答案