关注：在我使用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,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',Id: 'token',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,});
}

错误：