Question

我已经使用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,
    });
}

错误：

Answer 1

我在Webstorm中执行以下步骤来解决同样的问题，因此它也可以在PHPStorm中运行：

按ALT + CNTRL + S
点击＆＃34;语言和框架＆＃34;
点击＆＃39; Javascript＆＃39;
在＆＃34; Javascript语言版本＆＃34;下拉菜单，选择“ECMAScript 6＆＃39;。
点击“确定”
现在重新打开您之前打开过的任何* .js文件，并注意错误已不再存在。

希望能有所帮助。

Answer 2

您可以这样修复：

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错误。

希望它有所帮助或者至少有所帮助。 ;）

Answer 3

PHP STORM解决方案该错误归因于PHPSTORM中的Javascript设置版本步骤

转到设置（在Macbook上为首选项）settings/preference，然后单击
通过单击以扩展语言和框架 click language & frameworks
单击Java脚本，然后将Java语言版本更改为当前版本或建议的ECMAScript6。select ecmascript

PHPStorm中的当前Javascript版本不支持速记属性名称

3 个答案: