我已经使用Jquery getScript并通过Javascript生成html表单但是我得到了
PHPStorm中的当前Javascript版本不支持速记属性名称,但我的功能也可以.

关注：在我使用PHP在另一个PHP框架中生成html表单之前我认为我不应该使用Server脚本来做那个我应该使用JS来做到这一点但我不知道它是如何进行的并且它是否支持所有浏览器或者不是这样,请给我一些关于这种技术的想法,因为我还没有更多地了解起诉DOM及其性能.

安全问题：如果我使用Javascript生成如下脚本的Html表单,它会降低安全性或不良性能吗？

另一方面,如果我将此代码保留在HTMl中,我将永远不会得到这种错误类型.

$(document).ready(function () {
    returnTill('returnTill');
});

function returnTill(returnTill) {

    var chief_opt = '';
    var teller_opt = '';
    $.ajax({
        url:'/teller/return_till_data',
        method:'get',
        dataType:'json',
        timeout:4000,
        async: false,
        success:function (data, status) {
            $.each(data, function(ins, vals){
                if(ins === 'chief') {
                    cheifs = data.chief;
                    for(var key in cheifs){
                        chief_opt += '<option value="'+vals[key].id+'"> '+vals[key].username+' / '+vals[key].account_no+' </option>';
                    }
                }if(ins === 'teller') {  /* Tellers*/
                    tellers = data.teller;
                    for(var key in tellers){
                        teller_opt = '<option value="'+vals[key].id+'"> '+vals[key].username+' / '+vals[key].account_no+' </option>';
                    }
                    loadModale({
                        idSelector: returnTill,
                        title: 'Return Till',
                        labels: ['From','To','Amount','Description'],
                        loadType:'returnTill',
                        forms: {
                            input: {
                                selection: {
                                    from:{chief_opt,class:'form-control', name:'retn_chief',  id:'retn_chief'},
                                    to:{teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'},
                                },
                                Amount :{type: 'text', name: 'retn_amount',  class: 'form-control', Id: 'retn_amount',  placeholder: '', style: '', value:''},
                                token:{ type: 'hidden', name: '_token', class: 'form-control', Id: 'token', placeholder: '', style: '', value: '{{csrf_token()}}'},
                            },
                            textarea : {
                                description:{class:'form-control', name:'tran_descr', rows:10, id:'tran_descr'}
                            }
                        },script: [
                            '/theme/js/jquery.validate.min.js',
                            '/theme/js/bootstrap-datepicker/js/bootstrap-datepicker.js',
                        ]
                    });
                }
            });

        },error: errorCallback,
    });
}

错误：

解决方法:

你可以这样解决它：

from:{chief_opt: chief_opt}

因此,如果您将代码更改为：

from:{chief_opt: chief_opt, class:'form-control', name:'retn_chief',  id:'retn_chief'},
to:{teller_opt: teller_opt, class:'form-control', name:'retn_teller', id:'retn_teller'},

你不应该再得到PHPStorm错误了.

希望它有所帮助或者至少有所帮助.